case01 Sass プロパティのネストと変数
case01 - プロパティのネスト
topicTitle
topicTitleのサンプル段落です。
topicTitle
topicTitleのサンプル段落です。
sample_s01 - Sassの基本記法
Sassを使用して基本的な記述方法を確認するサンプル
case02 - 変数の基本
変数を使ったスタイル管理
このエリアでは、Sassの変数を使って余白やカラーを統一しています。
同じ値を繰り返し使う場合でも、変数を使うことで一括管理が可能になります。
- 余白はすべて同じ変数を使用
- 色も変数で統一
- 修正は1か所で完結
- デザイン変更にも強い
case03 - 変数のスコープ
スコープ内の変数
このエリアでは、ローカルで定義した変数を使用しています。
スコープ外のエリア
こちらは別のエリアです。