タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとstylusに関するitozのブックマーク (1)

  • StylusでBEMとかSMACSS - blog.strobe-scope.net

    2014-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全盛

    StylusでBEMとかSMACSS - blog.strobe-scope.net
  • 1