Как установить ширину желоба Susy более чем на 1 столбец

Question

Я использую с-layout, чтобы временно установить значения по умолчанию для структуры столбцов страницы. Мне нужна решетка из 24 столбцов, чтобы обеспечить более точное управление, но нужно желоба, размер которого превышает 1 столбец. Это возможно?

@include with-layout(24) { 
    .col-1 { 
     @include span(17); 
    } 
    .col-2 { 
     @include span(7); 
    } 
} 

Так что-то вроде @include with-layout(24 2col-gutter) { ... }

Answer 1

Я понял, что если вы хотите, чтобы желоб был кратным ширине столбца (1 col, 2 col и т. Д.), Вы можете просто использовать опции pre и push.

В моем случае я действительно хотел, чтобы желобок был в два раза больше ширины колонны, так что это сработало отлично.

$susy: (
    columns: 24, 
    gutters: 0 
); 

.col-1 { 
    @include span(17); 
} 

.col-2 { 
    @include span(5); 
} 

.col-1 + .col-2 { 
    @include pre(2); 
} 

Demo

Answer 2

Вы можете попробовать:

$my-layout: (
    columns: 24, 
    gutters: 2, 
); 

@include with-layout($my-layout) { 
    .col-1 { 
     @include span(17); 
    } 
.col-2 { 
    @include span(last 7); 
} 
} 

Если вы хотите более или менее Желоб-пространство изменить количество желобов.