Sass で 出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話

CSS3 のグラデーション(linear-gradient)を以下のように Sass の mixin にして使っています。IEにも対応できるようにしたつもりだったのですが・・・

IE の filter で色を指定する場合、「# + 6桁(#cccccc)」である必要があるため、mixin の引数に「# + 3桁(#cccとか)」を指定した時を考慮して、6桁に変換したものを $ieTopColor, $ieBottomColor という変数にセットするようにしました。

これで、うまく6桁に変換してくれるのですが、Sass の出力スタイルを “compressed” にすると、可能な限り 6桁のカラーコードを 3桁に変換してしまうため、結局意味がないというオチが・・・

何かうまい方法ないかなぁ・・・

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です