css - 基金会生成重复的 CSS

Question

好的，所以我知道已经有很多关于这个的东西了，但我似乎找不到适合我的具体情况的答案。

我正在使用 Foundation 5.4.7、SASS 3.4.7 和 Compass 1.0.1

当我编译 SASS 时，它给我一堆重复的条目，而应该是一个相当精简的 CSS 文件现在却很大。

所有的建议都表明问题出在 foundation/_functions.scss 文件的第 10 行附近:

$modules: () !default;
@mixin exports($name) {
  $module_index: index($modules, $name);
  @if (($module_index == null) or ($module_index == false)) {
    $modules: append($modules, $name);
    @content;
  }
}

具体来说，人们建议将 !global 添加到 $modules: append($modules, $name);

的末尾

但是这对我不起作用。欢迎提出建议

Answer 1

事实证明，答案只是添加 !global

$modules: () !default;
@mixin exports($name) {
  $module_index: index($modules, $name);
  @if (($module_index == null) or ($module_index == false)) {
    $modules: append($modules, $name) !global;
    @content;
  }
}