Как правильно именовать модификатор БЭМ в данном случае?

Question

[Rooly]

Приветствую. У меня есть блок, есть модификатор. Модификатор задаёт margin и font-size, как его правильно назвать? В моём английском словарном запасе нет такого слова ,который подходил для данного описания модификатора. Пока называю так block_margin-and-font

Answer 1

[GreatRash]

В БЭМ-подходе блоки и модификаторы рекомендуется назвать не по тому как они выглядят. а по тому для чего они дужны.

/* Неправильно */
.link {
  /* ... */
}

.link_red {
  /* ... */
}

/* Правильно */
.main-menu-item {
  /* ... */
}

.main-menu-item_selected {
  /* ... */
}

Исходя из вышеописанного, я понятия не имею чо этот блок у вас делает. И поэтому хз как его назвать.

Comments

[Rooly]

Название модификатора характеризует внешний вид («какой размер?», «какая тема?» и т. п. — «размер»: size_s, «тема»: theme_islands), состояние («чем отличается от прочих?» — «отключен»: disabled, «фокусированный»: focused) и поведение («как ведет себя?», «как взаимодействует с пользователем?» — «направление»: directions_left-top).

Документация

[GreatRash]

ZetIndex_Ram: И чо?

[Rooly]

GreatRash: и то, что ответ противоречит с документацией

[GreatRash]

ZetIndex_Ram: В каком месте?

[Rooly]

GreatRash: Извиняюсь, всё правильно. Like