同じような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スタイル:インデント型
![Sass(SCSS)でCSSコーディングを効率化・メリットと使い方を知る](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3e644041deec91e20da140e899e96ed08e87bf8/height=288;version=1;width=512/https%3A%2F%2Fi.gyazo.com%2F7c66d76d38725ee50769775f9820e73b.png)