css - 从 SASS 中删除未使用的 Foundation 网格类

Question

我对 Foundation 和 SCSS 有点陌生。我在示例中尝试使用网格 Mixin，如下所示：

/* Each individual part that can be added in */
@import "foundation/components/global";
@import "foundation/components/grid";
// @import "foundation/components/visibility";
@import "foundation/components/block-grid";

#masthead { @include grid-row; @include panel;
  & > hgroup { @include grid-column(4); }
  & > section { @include grid-column(8); }
}

问题是生成的 CSS 具有预期的刊头、hgroup、部分类，但也有所有常见的 .small-1、.large-2 网格类等。

有没有办法告诉 SASS 不要生成这些“额外”类？

Answer 1

得到了答案：如何从 Scss 样式表中只导入变量和 mixin？

基本上在foundation/scss/foundation/components/_grid.scss 中寻找“$include-html*”，设置为false，这应该会关闭“额外”类。