@vvanyazz

Как правильно по бэм?

В хэдере у меня меню, я его миксую и называю:
header__menu menu
вложенные элементы меню я называю menu__item, menu__list и тд.

в медиа запросах мне надо изменить отступы у menu__item, но хочу я поменять их именно у header__menu так как мне поступить, учитывая что вложеность в бэм - плохо? Мне тогда миксовать даже элементы или как?
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
Realetive
@Realetive
MODX Ambassador России, самозванный БЭМ-евангелист
Или, стиснув зубы, использовать каскад:

.header__menu.menu .menu__item {
  /* … */
}


или использовать. модификатор — вы пытаетесь модифицировать внутреннее содержимое блока, основываясь на каких-то специфических для этого блока параметрах (расположение внутри header) — резонный повод для модификатора:

.menu_view_header .menu__item {
  /* … */
}


Первый вариант на фоне второго кажется менее «БЭМ», так что советую модификатор.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы