Различных желобов с Susy дерзостью

Question

У меня есть эти настройки Susy:

$susy: (
    columns: 8, 
    gutters: 1/4, 
    global-box-sizing: border-box, 
); 

Иногда мне нужны разные желоба вместо 1/4.

См изображения, например:

И код:

.wrap { 
    @include clearfix; 
    @include container (500px); 

    .box-1 { 
    @include span(4 of 8); 
    } 
    .box-2 { 
    @include span(4 of 8 last); 
    } 
    .box-3 { 
    @include span(4 of 8 wide no-gutter); 
    } 
    .box-4 { 
    @include span(4 of 8 last); 
    } 

    .box-5 { 
    @include span(3.95 of 8 wide no-gutter); 
    } 

    .box-6 { 
    @include span(4 of 8 last); 
    } 
} 

Я попытался это без успеха:

@include span(4 of 8 wide (gutter-override: 2px)); 

Я нашел способ, чтобы исправить это, но если он правильный

@include span(3.95 of 8 wide no-gutter); 

Благодаря

Answer 1

Вы можете изменить расположение, как этот

@include with-layout(12 1/8 fluid float after) { 

    .box-5 { 
    @include span(2 of 12); 
    } 

    .box-6 { 
    @include span(10 of 12 last); 
    } 

} 

Где 1/8 является ширина желоба.

Answer 2

Другим решение:

.box-5 { 
    float:left; 
    width: span(4 of 8 wide) - 1%; 
} 

.box-6 { 
    float:right; 
    width: span(4 of 8); 
}