5 столбцов в сетке из 6 столбцов

Question

У меня есть решетка с фиксированной шириной 6 столбцов, но я бы хотел, чтобы одна конкретная «строка» имела 5 столбцов, возможно ли это?

@import "susy"; 
@include border-box-sizing; 

// The 1000px grid 
$total-columns: 6; 
$column-width: 150px; 
$gutter-width: 20px; 
$grid-padding: 0; 

$container-style: static; 
$container-width: 1000px; 

$show-grid-backgrounds : true; 

благодаря

Answer 1

Конечно есть. Вся математика Susy просто основана на columns/context, так что вы можете иметь столько столбцов, сколько хотите, если будете лгать Сьюзи о контексте.

$total-columns: 6; 

.container { 
    @include container; 
    .tricky { 
    @include span-columns(1,5); // tell Susy there are 5 columns, and suddenly there are. 
    } 
} 

Если вы хотите быть более честными об этом, или сделать 5 контекста по умолчанию для большего куска кода, вы можете просто обернуть этот код в layout(5) { ... } или with-grid-settings(5) { ... } и внутри этого блока $total-columns == 5.