sass - Zurb Foundation 多个样式表（指南针）

Question

我用 compass+foundation 创建了一个项目我的页面上有多个 .scss，我想在所有这些中使用基础 mixins。如果我做导入设置，导入基础。它会复制每个文件中的所有设置，这会占用大量不必要的空间。我确定我在这里做错了什么。

Answer 1

如果你需要在你自己的 scss 文件中使用 Foundation 的 mixins，你确实应该使用 @import 指令。但是，您不应该导入foundation.scss文件。

Sass 对要导入的文件（称为“partials”）有一个命名约定：它们以下划线开头。

只导入你需要的部分（我会很惊讶你需要每一个）。

例如，我需要在我的一个文件中使用 _foundation-global.scss 中的“css-triangle”mixin。

MyStyles.scss

@import "../foundation/foundation-global"; (no need for the leading underscore)

.myClass{
   @include css-triangle(5px, #fff, top);
}

我确定您已经阅读过此内容，但我会放上链接以防万一。