Susy没有从$ grid-padding获得价值

Question

我在我的布局sass文件中编码，

我正在使用Susy Grid System，这是我设置的值。

$total-columns: 12
$column-width: 60px
$gutter-width: 20px
$grid-padding: 10px

问题是容器仍然给我一个940px的值而不是960px。

任何解决方案吗？。

以下是完整视图。

$show-grid-backgrounds: true

@import "susy"

// For full Susy documentation, visit: http://susy.oddbird.net/tutorial/

$total-columns: 12
$column-width: 60px
$gutter-width: 20px
$grid-padding: 10px

.container
  // Include `container` if this element will contain a grid system.
  @include container($total-columns)
  // Apply our grid background stripes for development.
  @include susy-grid-background

header, #main-content, footer
  // Clearfix for full-width elements
  @include clearfix

Answer 1

我的输出（复制/粘贴代码）显示宽度940px和填充10px。由于填充被添加到宽度，这是正确的，并且您有一个最终的960px容器。如果你使用border-box模型，从宽度中减去填充，Susy可以调整，但你必须告诉Susy。您可以将$border-box-sizing变量设置为true，也可以使用内置的border-box-sizing mixin将边框模型应用于所有元素。有关详情，请参阅the docs。