Skip to content

Instantly share code, notes, and snippets.

BEM Cheatsheet

BLOCK

Block encapsulates a standalone entity that is meaningful on its own.

While blocks can be nested and interact with each other, semantically they remain equal; there is no precedence or hierarchy.

Holistic entities without DOM representation (such as controllers or models) can be blocks as well.

mixin irr
mark.irregular
block
mixin cont
mark.contraction
block
mixin voic
mark.voiced