Question

来自苏西文件:http://susy.oddbird.net/guides/ reference/#ref-grid-backfork

SUSY GRID BACKGROUND
Show the Susy Grid as a background-image on any container.

// susy-grid-background(); .page { @include susy-grid-background; }

如果您正在将该元素用作容器,则需要对该元素应用背景,以使该“反向”位置能够正确大小。

我的阴茎片段:

$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 */

在我的仓仓里:

%body.standard

不管我尝试过什么电网总是显示12个纵队。有人愿意指示我方向吗?

susy (1.0.rc.1) compass (0.13.alpha.0)

Answer 1

$gtal-cols 应该被称为 $gtl-clums 。该变量的名称在1.0中更改。默认设置为12列,而您实际上并没有在任何地方超越该变量。

Answer 2

如果您有一些断点, 您也需要直接解决这些问题, 才能更改 < code>$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;    
  }
}

友情链接