-
ID:jGoEr6 さんの質問

度々の質問で大変申し訳御座いません。

SassなどのCSSプリプロセッサとBEMなどのOCSSは併用するものなのでしょうか? 今まではOCSSの概念を取り入れてBEMのコーディングルールを参考にCSSを書いてきました。

ここでSassを例えば導入して利用するようになった場合、もうBEMでのコーディングルールは捨てることになるのでしょうか?

みんなの回答 3 件

ID:TPsPGX さんの回答

それとこれとは全く別問題。

ID:jGoEr6

モウマンタイですか?

ID:xPDaTB さんの回答

sassをなんだと思っているの?
逆に、どこをどう解釈したらそういう結論になるか過程を聞きたいわ。

ID:PHySRi

ラリってるから仕方ない

ID:ptV27v

怒ってる
の?

ID:ooLqHr さんの回答

bem用のmixinを作成して
sass + bemでコーディングしています

ID:UbM8Da

ありがとうございます。もし可能であればmixinの例を教えて頂けませんでしょうか?

ID:ooLqHr

sass記法だけど
こんな感じです

// mixin
=e($name)
 @at-root &__#{$name}
  @content

=m($name)
 @at-root &--#{$name}
  @content

// 使用例
.block
 +e(element)
  margin-bottom: 0

  +m(modifier)
   font-size: 1.2rem

ID:6HN6vg

ありがとうございます!意味はまだわからないですが調べて活用させていただきます!ところで最近はremでサイズ指定するのですか?remでサイズ指定して不都合ないですか?

ID:TPsPGX

昔そういうMixinをブログで紹介したことあるけど、3.4からそんなの必要なくなったと思うよ。

  • .block {
  • &-element {
  • &-modifier {
    って感じでいける。
ID:ooLqHr

html{
 font-size: 62.5%;
}
に設定しておけば1.2rem = 12px
となるので使いやすいですよ

古いIEもremに対応させるjsを入れておけば
問題なく動きます。

emなどと併用すると制御しにくくなってしまいますが

ID:6HN6vg

&使ってるサンプルは昨晩ググってた時にみかけました!新しいバージョンでの書き方なんですかね。

ID:6HN6vg

remはieで問題ないように対処できれば使ってオッケーなんですね。もうちょい調べてから使ってみます。emの次はremになるって話は前から聞いてたので。

ID:6HN6vg

コメ主さんありがとうございました。参考になりました。

最終更新日:2016-02-03 (1,639 views)

関連するトピックス

ページ上部に戻る