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

Question

我正在使用指南针来制作我的CSS样式表。

在我的样式表中，我有几个用于生成类的mixin。其中许多课程中都有“黑色”字样。

一切正常。但是，当我编写我的scss样式表进行制作时，“black”会在最终样式表中被＃000替换，这会破坏我的类。

我该如何防止这种情况？

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

compass compile -e production --force

这是compass documents中列出的命令。

Answer 1

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

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

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

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