$ grid-column-alias Sass变量如何工作......?

时间:2017-06-05 22:38:20

标签: sass zurb-foundation zurb-foundation-6

将它设置为false应该只使用“column”,但在我的项目中它对编译的CSS没有影响 - 列和列仍然存在。

我有兴趣让它发挥作用,因为the Foundation 6 grid documentation表示它会将文件大小减少3到5%。我尝试了以下所有方法,但都没有产生预期的结果:

// Selector used for an alias of column (with @extend). If false, no alias 
is created.
    $grid-column-alias: '';
    $grid-column-alias: 'false';
    $grid-column-alias: false;
    $grid-column-alias: 'column';

有没有其他人成功使用过这个?我用其他网格列变量声明它。我错过了什么?

1 个答案:

答案 0 :(得分:0)

查看此处的源代码https://github.com/zurb/foundation-sites/blob/develop/scss/grid/_classes.scss#L170,似乎正在检查

@if $column == 'column' and has-value($grid-column-alias)

has-value对于任何虚假的东西都返回false,所以这意味着将$ grid-column-alias设置为false应该工作...在空的ZURB模板中快速测试我看到当我更新{{1}时} _settings.scss我不再获得$grid-column-alias: false;个课程。

如果这对您不起作用,也许您在已经包含mixin之后设置它?如果你可以解释一下你的scss和构建设置,或许可以帮助追踪它。