StylusでBEMとかSMACSS - blog.strobe-scope.net2014-05-27 StylusでBEMとかSMACSS CSS Stylus 最新のSass（まだ安定版ではない？）だと@at-rootを利用して以下のようにBEMができる。 .block { @at-root #{&}__element { } @at-root #{&}--modifier { } } 出力結果。 .block { } .block__element { } .block--modifier { } 安定版ではまだ使えないうえ、記述がちょっと面倒。でも、それ、Stylusでできるよ、と。 こんな感じでStylusの標準機能で使えます。 .block &__element color blue 出力結果。 .block { } .block__element{ color: #00f; } 記述もすっきりしていて気持ちいい。 といいつつも、やはり世間的にはSass全盛
