カスケード変数のためのCSSカスタムプロパティを使ったら、CSSの管理が楽になりました。

こんばんは、以前Twitterでお世話になっている、宙也さん(@chuya_loopus)に教えてもらったのですが、

CSSでカスタムプロパティ変数を使うと楽だよっということで、わたしもやってみました。

WEBクリエイターボックスさまの記事を参考に、またWordPressテーマArkheのCSSを利用しました。

color: var(--ark-color--main);

Arkheでは↑というような書き方をしています。

カスタマイザーでメインのカラーを選べば、自動的に適用した箇所全てに変更が効くので、とても楽になりました。

皆様もぜひお試し下さいね。

hiro

TwitterInstagram

小１娘を育児中の主婦。娘の不登校と向き合っています。ブログカスタマイズが趣味。