下記のサイトのようにpostcssのネストを使うと勝手に子孫セレクタがついてしまいます。
子孫セレクタにならないようにする方法はsassはあるようでですが、postcssはないのでしょうか?
http://sekaie.hatenablog.com/entry/2015/12/01/100000
また、下記のように値に変数を使うことはできるのですが、値以外の場所でほぼどこでも使える変数というのはないのでしょうか?
:root { --primary-color: #E86100; --secondary-color: #2c3e50; --base-fontsize: 1rem; } .h1 { color: var(--primary-color); } .h1:hover { color: var(--secondary-color); } body { font-size: var(--base-fontsize); }
下記が一番それに近いでしょうか?
/* Mixins */ @define-mixin icon $name { padding-left: 16px; &::after { content: ""; background-url: url(/icons/$(name).png); } }
あなたの回答
tips
プレビュー