从 SASS 中删除未使用的 Foundation 网格类答案

【问题标题】：Removing unused Foundation grid classes from SASS从 SASS 中删除未使用的 Foundation 网格类
【发布时间】：2013-11-02 04:59:27
【问题描述】：

我对 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 不要生成这些“额外”类？

【问题讨论】：

How can one import only variables and mixins from Scss stylehsheets?的可能重复

标签： css sass zurb-foundation grid-layout

【解决方案1】：

答案在：How can one import only variables and mixins from Scss stylehsheets?

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

【讨论】：