SCSSを使ってあまりの便利さに素のCSSを書く気がしなくなりました | あべさん日記SCSS を使ってあまりの便利さに素の CSS を書く気がしなくなりました。 SCSS は静的サイト生成ツールの Middleman とも相性がよく、おすすめです。 SCSS とは コンパイルにより CSS を出力するメタ言語です。以下の特徴があります。 変数が使える ネストできる Mixin ができる セレクタの継承ができる 変数が使える CSS を書いていて、長さや色など、複数の箇所で同じ値を使用したくなることはよくあります。 SCSS では以下のように変数を定義して、複数の場所で使うことができます。 /* SCSS */ $m: 8px; h1 { margin: $m / 2; padding: $m / 2; } /* 生成されるCSS */ h1 { margin: 4px; padding: 4px } 長さの計算もできますし、色を混ぜたりとかもできます。 複数の箇所の指定を
