Sass/Compassでコンパイルするとカラーコードが色名になってしまう件Sass/Compassでコンパイルするとカラーコードが色名になってしまう件 先日行われた「CSS Nite LP, Disk 32: Sass」で「コンパイルするとカラーコードが色名になってしまいます。」という質問を受けたので対応方法を解説します。 まず、どういった現象かというと以下の様なSassを記述すると、 $color1 : #FFF; $color2 : #FFFFFF; .div1{ color:$color1; } .div1{ color:$color2; } コンパイル後に書き出されるCSSは以下のようになります。 /* line 3, ../sass/style.scss */ .div1 { color: white; } /* line 6, ../sass/style.scss */ .div1 { color: white; } Sass側で変数から値を抜き出す
