6列网格中的5列

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，因此您可以通过向Susy提供关于上下文的任意列数。

$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内的代码。