css - 指南针：编译样式表将“黑色”更改为“#000”

Question

我正在使用指南针来生成我的 CSS 样式表。

在我的样式表中，我有几个用于生成类的 mixin。许多这些类中都有“黑色”这个词。

一切正常。但是，当我编译我的 scss 样式表以进行生产时，“黑色”在最终样式表中被替换为 #000，这会破坏我的类。

我怎样才能防止这种情况？

我用来编译样式表的代码是：

compass compile -e production --force

这是罗盘文档中列出的命令。

Answer 1

问题是颜色关键字被解释为颜色值，而不是字符串。您可以通过用引号将它们强制转换为字符串。例如：

$classname: "black";
$color: black;

.#{$classname} {
  color: #{$color};
}

这样，颜色属性值将被压缩，但类名不会。