具有mixin功能的Zurb Foundation Settings.scss

Question

我取消注释了settings.scss中的所有样式并尝试重建 - 由于settings.scss引用了各种mixin函数，它失败了。颜色：$ isitlight（....）

app.scss的默认导入是：

@import "settings";
@import "foundation";

显然，首先处理设置，引用的mixins（来自基础尚未加载），因此错误。

但是，如果我颠倒这两个陈述，则settings.scss不会产生任何影响，它们会被粉底覆盖。

我应该怎么做才能让mixin工作？假设需要在基础之前加载settings.scss吗？

Answer 1

我相信settings.scss本身并没有使用任何mixins，它是foundation.scss中包含的各种基础组件。

例如，在foundation.scss中，您会看到它导入：

@import "foundation/components/grid";
@import "foundation/components/accordion";
@import "foundation/components/alert-boxes";
@import "foundation/components/block-grid";"

这些是使用mixins的。现在我们必须找出你正在使用哪一个需要特定混音。