Как правильно прописать общий модификатор для блоков БЭМ?

Question

[vasya092]

Здравствуйте, в данный момент стараюсь применять БЭМ в проектах. Есть простая верстка блока, указанная ниже. Могу ли я добавить к block-1 и block-2 класс, например fullwidth, который является общим для части блоков на сайте, что бы добавить несколько стилей к нескольким разным блокам? Или бэм не позволяет этого сделать и я должен использовать модификатор для обоих блоков block-1_fullwidth и block-2_fullwidth?:

<div class="block-1">
   <div class="block-1__element"></div>
   <div class="block-1__element"></div>
</div>
<div class="block-2">
   <div class="block-2__element"></div>
   <div class="block-2__element"></div>
</div>

Comments

[WapSter]

fullwidth в данном случае будет считаться как отдельный блок, у тебя он как ты сказал не будет вести себя как отдельный блок. Это всё равно, что совмещать бэм и атомарный css. Если хочешь прям по бэму то нужно дублировать модификатор.

[Ankhena]

Или примешивать стили из fullwidth в модификаторы блоков block-1 и block-2, как это делают, когда хотят и БЭМ и Бутстрап и чтобы почище.

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

[WapSter]

Еще можно использовать селекторы атрибутов, пример
https://codepen.io/wapster92/pen/XWMwBKa
Но вроде как, они рендеринг замедляют, по этому злоупотреблять не стоит

[vasya092]

WapSter, понятно. Просто я почему не хочу использовать модификатор, потому что я не использую в этом проекте препроцессор и мне придется вручную прописать миллион раз .block-1_fullwidth,.block-2_fullwidth{width: 100%}

[vasya092]

WapSter, понял, сначала показалось что это как раз то, что нужно. Но раз замедляет, то лучше в этом проекте вручную подписывать))

Answer 1

[Сергей Волков]

Cущность, определяющая внешний вид, состояние или поведение блока либо элемента.

Значит, да можете

Слова отделяются друг, от друга одним нижним подчеркиванием.

https://ru.bem.info/methodology/quick-start/#Модиф...