Sass（SCSS）でCSSコーディングを効率化・メリットと使い方を知る

同じような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スタイル：インデント型