-1

私はSASSでそのようなことをしたいと思います:

$GREEN: #57da99;
$HEADER_PURPLE: #8585ff;
$BLUEISH: #4478ff;
$RED: #ff475d;
$RED2: #ff445e;

$currentColor:null;

body.page-about       { $currentColor: $BLUEISH; }
body.page-browse      { $currentColor: $GREEN; }
body.page-signup      { $currentColor: $HEADER_PURPLE; }
body.page-login       { $currentColor: $HEADER_PURPLE; }
body.page-contribute  { $currentColor: $RED; }

エラーはありません。正常にコンパイルされています。しかし、自分のページをチェックすると、 body.page-contributeにいなくても$ currentColorの値は$REDです。

だから、 SASSがそれを処理しないのか、それとも大きな間違いを犯したのかはわかりません。

ありがとう。

4

2 に答える 2

1

行を削除します$currentColor:null;- SASS で必要な範囲外の変数をインスタンス化する必要はありません。

$GREEN: #57da99;
$HEADER_PURPLE: #8585ff;
$BLUEISH: #4478ff;
$RED: #ff475d;
$RED2: #ff445e;

body.page-about       { $currentColor: $BLUEISH; }
body.page-browse      { $currentColor: $GREEN; }
body.page-signup      { $currentColor: $HEADER_PURPLE; }
body.page-login       { $currentColor: $HEADER_PURPLE; }
body.page-contribute  { $currentColor: $RED; }
于 2013-09-27T19:02:39.670 に答える