@columns: 12;
@grid-width: 1200px;
.grid(@columns, @i: 1) when (@i <= @columns) {
.col-@{i} {
width: percentage(@i / @columns);
padding-left: 1rem;
padding-right: 1rem;
flex: 1;
}
.grid(@columns, @i + 1);
}
.container {
width: 100%;
max-width: @grid-width;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
}
.grid(@columns);
-
Вопрос задан
-
19 просмотров