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

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

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

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

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

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>