Я использую with-layout, чтобы временно установить значения по умолчанию для структуры столбцов моей страницы. Мне нужна сетка из 24 столбцов, чтобы обеспечить более точное управление, но мне нужен желоб, который больше, чем 1 столбец. Это возможно?
@include with-layout(24) {
.col-1 {
@include span(17);
}
.col-2 {
@include span(7);
}
}
Так что-то вроде @include with-layout(24 2col-gutter) { ... }
Я понял, что если вы хотите, чтобы желоб был кратен ширине столбца (1 столбец, 2 столбца и т. д.), вы можете просто использовать параметры pre и push.
В моем случае я действительно хотел, чтобы желоб был в два раза шире столбца, поэтому это сработало идеально.
$susy: (
columns: 24,
gutters: 0
);
.col-1 {
@include span(17);
}
.col-2 {
@include span(5);
}
.col-1 + .col-2 {
@include pre(2);
}
Вы можете попробовать:
$my-layout: (
columns: 24,
gutters: 2,
);
@include with-layout($my-layout) {
.col-1 {
@include span(17);
}
.col-2 {
@include span(last 7);
}
}
Если вы хотите больше или меньше пространства для желобов, измените количество желобов.
