【scss】変数の設定（色）
はじめに
齢30にして、生涯通算4回以上調べているので、ここに記録することとしました。
記録すること
- scssである色を変数に指定する
- その変数を使う
解説しないこと
- scssとは？
- sassとscssの違いって？
想定ケース
サイトのメインカラーある色を変数に指定する。
なお、今、デンタル系のアプリを作成しているので、こんな色をメインで使おうかなって思ってます。
- 指定する色：キシリトールっぽい緑
- 変数名：
main-green
※ キシリトールっぽい緑 はこんなイメージ。
実践
1.変数の指定
$main-green: #038935;
ポイント
先頭に$をつけます。
2.使用する
タイトル文字(titleクラスを指定）にmain-greenを使用したいと思います。
.title { color: $main-green; }
これでOK
できあがり
口からミントの味がしてきましたね。
