このエントリはCSS Preprocessor Advent Calendar 2012、13日目のエントリです。 Sassを本格的に使い始めてもう6ヶ月経つのですが、まだまだだなあと思うこと多々です。 というわけで、勉強のためCSSのグラデーションを出力するmixinを書いてみました。 Part 0 ― linear-gradient() の構成 CSS Image Values仕様の linear-gradient() は、グラデーションの「方向」に、色と位置の組からなる「カラーストップ」が続くという構成になってます。 linear-gradient( direction, colorstop1, colorstop2, ... ) さて、今日のImage Values仕様の linear-gradient() と、接頭辞つきの -prefixed-linear-gradient()