Допустимо ли в БЭМ задавать блоку модификатор?

Question

[Сергей Горячев]

Собственно, вопрос в САБЖЕ.
Я имею ввиду, допустимо ли писать так:

<div class="block--mod">
  <div class="block--mod__elem"></div>
  <div class="block--mod__elem--mod"></div>
</div>

Answer 1

[Александр]

<div class="block block--mod">
  <div class="block__elem block__elem--mod"></div>
  <div class="block__elem block__elem--mod"></div>
</div>

Comments

[Сергей Горячев]

О, да, это логичнее. Понял) Спасибо)

Answer 2

[Дамир Рысаев]

Допустимо задавать блоку модификатор.

У вас же написан модификатор элемента.
Если использовать БЭМ-нейминг от яндекса то нужно писать:
.block__elem--mod.block__elem--mod
Но есть варианты нейминга с сокращенной запиюсью модификаторов, к примеру вот так:
.block__elem..--mod

Comments

[Сергей Горячев]

То есть вот такая запись будет корректна?

<!-- logo -->
<a href="#" class="logo--header">
    <img src="" alt="" class="logo--header__img">
</a>
<!-- /logo -->

Два блока логотипа с модификаторами --header и --footer, они отличаются сильно и размерам и и цветом.
И для элементов __image тоже некоторые различия будут.

[metaf]

только лучше .--mod не писать, а сократить до .-mod, потому что -- в css используется в переменных, и в результате в safari вылезает неприятный баг. Это обсуждалось тут на тостере.

[Сергей Горячев]

metaf: Я беру за источник https://nicothin.github.io/idiomatic-pre-CSS/#bem-mod

[metaf]

Sergey Goryachev: предыдущий мой комментарий относится к самому ответу)) прошу прощения, если запутала.

[Сергей Горячев]

metaf: тогда может вернуться в изначальную методологию и использовать "&_mod" нижнее подчеркивание просто? Просто одинарный дефис "-" может использовать в именовании классов.

[Сергей Горячев]

metaf: Ааа, тогда понятно))) Ладно, главное, что модификаторы можно к блокам) Живём)))

[Gregory Bass]

Сокращённый вариант именования вы имеете ввиду препроцессоры + миксины? Типа препроцессор Pug (ex Jade) + bemto (библиотека миксинов)

Answer 3

[Gregory Bass]

Класс модификатор один не используется. То есть всегда надо писать минимум 2 класса
block block_mod
block__elem block__elem_mod

Если у вас модификаторы блока сильно меняют сам блок то для элементов создайте модификаторы, которые будут подстраивать элементы под тот или иной размер / отступы / цвет / форму блока.
Если блок одного стиля, то для элементов такой модификатор. Если блок другой то и другие модификаторы для элементов

Например
block block_big
block__elem block__elem_big

block block_small
block__elem block__elem_small