與Susy：超對稱網格背景總是顯示12列不管$總COLS沒有

Question

從與Susy文檔：http://susy.oddbird.net/guides/reference/#ref-grid-background

SUSY網格背景
顯示超對稱網格的任何容器上的背景圖像。

// susy-grid-background（）; .page {@include susy-grid-background; }

如果您將該元素用作Container，則需要將背景應用於該元素才能正確確定該網格背景的大小。

片斷我的CSS的：

$total-cols  : 16; 
$column-width : 4em; 
$gutter-width : 1em; 
$grid-padding : $gutter-width; 

html { background: #fff no-repeat left top; }  

.standard { 
    @include container; 
    @include susy-grid-background; /* Susy */ 

，並在我的Haml的：

%body.standard 

無論我嘗試了電網始終顯示12列。任何人都會善意指出我需要去調試工具的方向嗎？

超對稱（1.0.rc.1） 羅盤（0.13.alpha.0）

Answer 1

$total-cols應該叫$total-columns。該變量的名稱在1.0中更改。默認設置是12列，並且實際上並不是在任何地方重寫。

Answer 2

如果你有一些斷點，你還需要直接以更改列$susy-grid-background節目的數量解決這些：

.page { 
    @include container ($total-columns, $break1, $break2); 

    @include susy-grid-background; 

    @include at-breakpoint($break1) { 
    @include susy-grid-background; 
    } 
    @include at-breakpoint($break2) { 
    @include susy-grid-background;  
    } 
}