Q&A
sassでは以下のようなクラス名を分解するようなネストが可能ですが、
これを行うと保守するのが大変と感じました。
scss
1.test { 2 &-area{ 3 // 4 } 5 &-action{ 6 // 7 } 8}
コンパイラやlintなどで制限する方法はあるのでしょうか？
お時間ありましたら教えて頂けると助かります。
よろしくお願いいたします。
回答1件
0
「@at-root」を使うと、実現できるかもしれません。
SCSS
1.test { 2 @at-root .text-area { 3 // 4 } 5 @at-root .text-action { 6 // 7 } 8}
↓コンパイル結果
CSS
1.text-area { 2 // 3} 4.text-action { 5 // 6}
投稿2020/05/29 08:25
総合スコア4528
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。