exemple.md

Format: "Alias: block/sub-block(modifier, ...).element(modifier, ...)"

For exemple:

<div bem="HeaderMenu: l-header/m-menu(break)">  <!-- m-menu that break, inside l-header, alias "HeaderMenu" -->
  <div bem="HeaderMenu.item">                   <!-- "HeaderMenu" item element -->
    <span bem="HeaderMenu.icon"></span>         <!-- "HeaderMenu" icon element -->
    <span bem="HeaderMenu/m-icon"></span>       <!-- m-icon inside "HeaderMenu" -->
  </div>
</div>

Is Equivalent to:

<div class="l-header__m-menu m-menu m-menu--break">
  <div class="l-header__m-menu__item m-menu__item m-menu--break__item">
    <span class="l-header__m-menu__icon m-menu__icon m-menu--break__icon"></span>
    <span class="l-header__m-menu__icon m-menu__icon m-menu--break__m-icon m-icon"></span>
  </div>
</div>