如何确定 zurbs Foundation 的 sass 版本中的间距宽度

应该比较简单，我无法安静地弄清楚。

我有这个：

.parent
   @include grid-row()


.main
    @include grid-column(8)

.sidebar
    @include grid-column(4)

元素“main”和“sidebar”最终彼此相邻，没有装订线。

我可以在网格文档中看到有一个名为 $column-gutter 的变量，并且它有一个默认设置。但我看不到它的效果。

在文件 _grid.scss 中我可以看到 $column-gutter。它有一个默认值，我已经触及了它。但它对连续的并排元素没有影响。这些元素没有排水沟。

那么我该如何利用该变量，或者以其他方式设置装订线宽度呢？

您应该在导入 Foundation 之前设置配置变量的值。

See http://compass-style.org/help/tutorials/configurable-variables/ http://compass-style.org/help/tutorials/configurable-variables/ :

许多 Compass 模块使用受保护的分配来允许您设置该模块的默认值。为了使这些可配置变量正常工作，您必须在导入模块之前设置变量。例如：

$blueprint-grid-columns = 12

@import“蓝图/网格”

因此，通常有一个或多个部分首先设置常量，然后在样式表中的任何其他导入之前导入。这通常称为“基本”样式表，通常命名为_base.scss或_base.sass。