3

コンパスを使用して CSS スタイルシートを作成しています。

私のスタイル シートには、クラスの生成に使用されるいくつかの mixin があります。これらのクラスの多くには、「黒」という単語が含まれています。

すべて正常に動作します。しかし、本番用に scss スタイルシートをコンパイルすると、最終的なスタイル シートで「黒」が #000 に置き換えられ、クラスが壊れます。

どうすればこれを防ぐことができますか?

スタイルシートをコンパイルするために使用しているコードは次のとおりです。

compass compile -e production --force

これは、コンパスのドキュメントに記載されているコマンドです。

4

1 に答える 1

2

問題は、色のキーワードが文字列ではなく、色の値として解釈されていることです。それらを引用符で囲むことにより、それらを強制的に文字列にすることができます。例えば：

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

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

このように、色のプロパティ値は圧縮されますが、クラス名は圧縮されません。

于 2012-10-11T17:58:53.957 に答える