Sass で 出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話
CSS3 のグラデーション(linear-gradient)を以下のように Sass の mixin にして使っています。IEにも対応できるようにしたつもりだったのですが・・・
IE の filter で色を指定する場合、「# + 6桁(#cccccc)」である必要があるため、mixin の引数に「# + 3桁(#cccとか)」を指定した時を考慮して、6桁に変換したものを $ieTopColor, $ieBottomColor という変数にセットするようにしました。
これで、うまく6桁に変換してくれるのですが、Sass の出力スタイルを “compressed” にすると、可能な限り 6桁のカラーコードを 3桁に変換してしまうため、結局意味がないというオチが・・・
何かうまい方法ないかなぁ・・・
About this entry






No Trackbacks
trackback uri:コメントやトラックバックは承認待ちになる場合がありますので、すぐに反映されない場合はしばらくお待ちください。