SASS の書き方

ここでは SASS の基本的な書き方について説明します。

• SASS とは？
• node-sass による SASS 環境構築
• SCSS の基本的な書き方
• SCSS の文字列インターポレーション

SASS には二通りの書き方があり、ひとつはインデント構文 (Sass) と呼ばれるタイプと SCSS です。 このうち後者の SCSS は通常の CSS のスーパーセットです。このため .scss ファイルには、通常の CSS を記述することができます。

Angular のプロジェクトを作成する時に、利用するスタイルシートのタイプを指定します。 このとき、SCSS を選んでおけば、はじめは SCSS らしい機能を使う予定がなくとも、いつでも好きな時に SCSS らしい書き方に変えていけるので便利です。