会員限定 変数

  • 変数について
  • 変数の使い方
  • 変数のまとめ方

本ステップでは、ネスト、変数、演算、ミックスインなどのSCSSの追加機能を解説します。
これらの機能を活用することで、コーディングの効率化やデザインの一貫性を向上させ、より洗練されたコードを書くことができます。

ぜひ、SCSSの追加機能を学び、実際にチャレンジしてみましょう。

変数について

変数とは?

変数は、値を再利用できるようにする仕組みです。
色やフォントサイズなどの値を一箇所にまとめて管理でき、変更が容易になります。
変数は「$」を使って定義します。

Sassコーディング

全 9 動画
  • 会員限定Sassとは

    04:26
  • 会員限定ターミナルについて

    05:08
  • 会員限定Sassのインストール

    04:42
  • 会員限定Sassの書き方

    02:35
  • 会員限定ブラウザで表示

    01:58
  • 会員限定変数

    03:38
  • 会員限定@mixin / @include

    03:27
  • 会員限定@extend

    03:51
  • 会員限定演算

    02:54