在Foundation 5上，通过将$ include-html-classes设置为false来生成什么CSS？

Question

将$include-html-classes指定为false，然后将Foundation 5导入Sass文件generates a bunch of CSS。看起来有些是我想的版本信息的元文件，但有些看起来像HTML类。我认为使用这个变量的重点是删除HTML类？

这是我的SCSS文件：

@import "../foundation/settings";
$include-html-classes: false;
@import "foundation";

这在基金会4中不是问题。这些风格是什么？如何摆脱'em？

Answer 1

这看起来像是一个错误，在条件句之上添加了新的表示类。既然你有问题是如何修复它，那么如果你不想等到正式修复它，这就是你的过程。

将您的Scss移动到另一个目录或分叉基础bower repo。

更新你的config.rb（第2行）以指向新文件，这是相对于你的项目目录

# Require any additional compass plugins here.
add_import_path "some_other_directory/foundation/scss"

然后，您需要修改生成表示类的每个文件。幸运的是Compass / Sass为我们提供了准确的地方。

/* line 259, ../bower_components/foundation/scss/foundation/components/_global.scss */
meta.foundation-version {
  font-family: "/5.1.0/";
}

在第296行，您将看到条件行：

@if $include-html-global-classes {

以及在其上方添加的所有类。

您需要将此行移至260，它应如下所示。

@include exports("global") {

  @if $include-html-global-classes {

    meta.foundation-version {
      font-family: "/5.1.0/";
    }

由于这是Scss，您可以保留或更正缩进以匹配。

对于使用Compass生成CSS的每个文件，您需要重复此操作。如果您正在运行指南针监视，则可以在每次更正后检查或重新加载样式表/ app.css。