kikiki-kiki https://blog.hatena.ne.jp/kikiki-kiki/ かもメモ https://chaika.hatenablog.com/ Sass (SCSS) CSS Dark Mode Tips Sass (SCSS) を使って CSS のカスタムプロパティ (変数) を定義するときのメモ Sass の変数を #{} で囲ってあげればOK $textColor: #000; $backgroundColor: #FFF; // カスタムプロパティを定義 :root { --text-color: #{$textColor}; --background-color: #{$backgroundColor}; } 👇 コンパイル結果 :root { --text-color: #000; --background-color: #FFF; } ₍ ᐢ. ̫ .ᐢ ₎ よき！ 🙅 #{} で… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2022%2F03%2F08%2F123000" title="Sass の変数で CSS のカスタムプロパティ(変数)を定義したい - かもメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://m.media-amazon.com/images/I/51o1M49dzXL._SL500_.jpg Hatena Blog https://hatena.blog 2022-03-08 12:30:00 rich https://chaika.hatenablog.com/entry/2022/03/08/123000 1.0 100%