如何确定sass版本的zurbs基础中的装订线宽度

Question

应该比较简单，我无法安静地弄明白。

我有这个：

.parent
   @include grid-row()


.main
    @include grid-column(8)

.sidebar
    @include grid-column(4)

元素'main'和'sidebar'最终坐在彼此旁边，没有排水沟。

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

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

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

Answer 1

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

请参阅http://compass-style.org/help/tutorials/configurable-variables/：

  

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

     

    

$ blueprint-grid-columns = 12

         

@import“blueprint / grid”

  

     

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

Answer 2

我有同样的问题，在我的情况下问题是我从未真正使用_settings.scss文件。既然如此，我的更改都没有反映在网站上。

如果您的情况相同，那么您需要做的就是转到screen.scss文件，确保调用@import "app"。确认后，请转到app.scss文件，并在顶部确保拨打@import "settings"。执行此操作后，_settings.scss文件中的设置实际上应该会对要更改的装订线设置产生影响。