yuheijotaki.com

BEMでよく使う単語

Block(ルートとなるBlock要素)
Element(Blockに属する子要素)

 

セクション

  • body
  • main
  • sub
  • outer
  • inner
  • column

 

メニュー

  • menu
  • navi
  • list

 

キービジュアルやスライダー

  • kv
  • hero
  • slider

 

ボックスや一覧記事

  • block
  • box
  • group
  • article
  • panel
  • item

 

テキスト

  • ttl
  • copy
  • label
  • tag
  • txt
  • note
  • caption
  • desc
  • summary

 

リンク

  • link
  • btn

 

画像

  • media
  • img
  • bnr
  • thumb
  • logo
  • icon

 

 

Modifier(Block, Elementに修飾を追加した要素)

 

  • emphasized
  • large
  • small
  • active
  • disabled
  • visible
  • hidden

 

◯参考
https://github.com/juno/bem-methodology-ja/blob/master/definitions.md
http://geckotang.tumblr.com/post/69554882865/bem-words