BEMを元にした考え方がMindBEMdingなんですが、地味に命名規則(というかModifireの使い方)が違うのでメモ
比較元
BEM
Quick start / Methodology / BEM
MindBEMding
違う部分
Modifireが違う
BEM
The modifier name is separated from the block or element name by a single underscore (_).
とあるので、Modifierの区切りは単一のアンダースコア、_ で区切り
.block-name_modifier-name {...} /* Block + Modifier */ .block-name__element-name_modifier-name {...} /* Block + Element + Modifier */
MindBEMding
-- で区切り
.block-name--modifier-name {...} /* Block + Modifier */ .block-name__element-name--modifier-name {...} /* Block + Element + Modifier */
