みなさんこんにちは、現役エンジニアのサメハックです
未経験からWebエンジニアに転職し、
正社員として5年働いたのちフリーランスとして独立しました。
1分で理解できるHTML/CSS講座シリーズです。
今回はSCSS変数の使い方について学んでいきましょう!
駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます!
この記事を読むと・・・
- 1分でSCSS変数が使える
1分で理解できるHTML/CSS講座シリーズはじめっ!
SCSS変数を使おう!

変数を使う構文
変数の定義
// $変数名 : 値
$my-color: red;
ダラーをつけて定義するよ!
変数の呼び出し
color: $my-color;
変数はそのまま呼び出せるよ!
CSSで変数を使いたい人は↓の記事をみてね!
CSSで変数を使いたい人は↓の記事をみてね!

【HTML】CSS変数(カスタムプロパティ)を使おう!【CSS】
まとめ

- $変数名:値
- ↑のように記述することで変数が使える

満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈