SCSSって?


※エンジニアたまごによる学習記録なので、内容に不備等があるかもしれません。
 また、ノート的な役割なので随時更新していく予定です。

SCSS(SASS)とは?

一言でいうと、CSSを拡張して、より効率的に描くことができる言語のこと。
SASSは"Syntactically Awesome StyleSheet"の略。(そもそも名前にAwesomeと入っている)
SCSSはCSSと似た記述、SASSはRubyと似た記述になっている。

SCSS(SASS)を使うメリット

①CSSのコード量を減らすことができる(入れ子や変数を使うことで簡易化できる)。
②コードの保守や管理がしやすい(コード量が減り、視認性が高まる)。
③バグを減らすことができる(コード量が減ることで人為的ミスが減る)。
④CSSにはない機能を利用できる(変数やMixinなど)。

SCSS(SASS)を使う上での注意

SCSS(SASS)で作成したコードは、CSSにコンパイル(変換)する必要がある。

参考にさせて頂いたサイト

SCSS(SASS)とCSSの違いについて
Sassは絶対に使った方が良いよ!使い方入門編