Строится по формуле <префикс>-<состояние>-<значение>
, с учетом 3х правил:
- Префикс всегда
it
(как функцияit
в Jasmine) - Состояние описывается глаголом в 3 лице, единственноом числе (простым или вкупе с дополнением):
is
,has
,has_icon
,looks_like
,stands
,appears
- Значение состояния описывается существительным или прилагательным:
hidden
,buttons
,dark
Получаем: it-is-hidden
, it-looks_like-link
, it-has-childs
В CSS модификаторы добавляются к блокам или элементам использованием правила множественных классов:
.block.modifier
или .elem.modifier
Ниже представлен пример, приближенный к реальности.
В примерах разделитель между блоком и элементом --
и разделитель слов в названиях блоков и элементов -