※エンジニアたまごによる学習記録なので、内容に不備等があるかもしれません。
また、ノート的な役割なので随時更新していく予定です。
SCSS(SASS)とは?
一言でいうと、CSSを拡張して、より効率的に描くことができる言語のこと。
SASSは"Syntactically Awesome StyleSheet"の略。(そもそも名前にAwesomeと入っている)
SCSSはCSSと似た記述、SASSはRubyと似た記述になっている。
SCSS(SASS)を使うメリット
①CSSのコード量を減らすことができる(入れ子や変数を使うことで簡易化できる)。
②コードの保守や管理がしやすい(コード量が減り、視認性が高まる)。
③バグを減らすことができる(コード量が減ることで人為的ミスが減る)。
④CSSにはない機能を利用できる(変数やMixinなど)。
SCSS(SASS)を使う上での注意
SCSS(SASS)で作成したコードは、CSSにコンパイル(変換)する必要がある。