問題
8
Sass
変数の利用
Sassの問題に挑戦しよう！
問題
「変数の利用」
変数を使って文字色を指定してください。
あらかじめエディタに書くコード
$text-color: #666;
解答と解説（変数の利用）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
定義した変数は通常のCSSプロパティ値としてそのまま利用できます。共通カラーや共通余白を変数化することで、複数箇所に同じ値を適用しても管理が容易になります。変更が発生した際も一括修正が可能になり、コードの重複や修正漏れを防ぐことができます。
補足
変数はテーマ切り替えやダークモード実装にも応用できます。設計を意識して活用しましょう。
