同じようなCSSを繰り返し書いて嫌になったことはないだろうか。サイトで使っている色が煩雑になってしまったことは。僕も、散々不毛なCSSを書いていたけれど「Sass」を覚えてかなり楽になった。 Sass: Syntactically Awesome Style Sheets SassとはSass(サス)は、CSSを効率的に書くことができるメタ言語(CSSプリプロセッサ)。語源は「書き方 (Syntactically)がイケてる(Awesome)スタイルシート(Style Sheets)」の略らしい。 書き方は2種類ある。Rubyのようにインデントのみで書いていく「Sass」スタイルと、CSSと同じようなカッコでくくる「SCSS」記法。主流なのはSCSSで、普通のCSSもそのままコピペで使える。 ファイルの拡張子もそれぞれ .sass .scss となっている。 Sassスタイル:インデント型