Верны ли эти правила БЭМ?

Question

[Norum]

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

1)Блок - универсален и независим (в идеале). Он может располагаться в любом месте сайта без ущерба для собственного вида. Поэтому блокам не задаются стили, влияющие на позиционирование.

2)Элемент - неотъемлемая часть блока, не существующая вне его. Поэтому элементу можно задать позиционирование в пределах своего блока (различные отступы).

3)Модификаторами в БЭМ задают блокам внешний вид, состояние и поведение.

4)Миксы позволяют совмещать поведение и стили нескольких сущностей без дублирования кода

Answer 1

[Виталий Першин]

1)Блок - универсален и независим (в идеале). Он может располагаться в любом месте сайта без ущерба для собственного вида. Поэтому блокам не задаются стили, влияющие на позиционирование.

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

2)Элемент - неотъемлемая часть блока, не существующая вне его. Поэтому элементу можно задать позиционирование в пределах своего блока (различные отступы).

Да.

3)Модификаторами в БЭМ задают блокам внешний вид, состояние и поведение.

Да, и блокам, и элементам, чтобы не прибегать к вложенности и не повышать специфичность.

4)Миксы позволяют совмещать поведение и стили нескольких сущностей без дублирования кода

Миксы больше подходят для переопределения стиля блока или элемента в контексте другого блока, но совмещать никто не запрещает

Comments

[Norum]

по поводу блоков: им ведь нельзя задавать стили позиционирования, но при этом парень с этого видео https://www.youtube.com/watch?v=Nxg6UfofZX0 задает БЛОКАМ марджины и ничего...
И можно ли блокам ставить position: absolute или relative?

[Виталий Першин]

Norum, Вы мне предлагаете посмотреть одиннадцати часовое видео, чтобы разобраться? Хотя бы время укажите

задает БЛОКАМ марджины и ничего...

А что должно случится, прилетят адепты бэм и дадут по рукам? БЭМ это методология, то есть определенная рекомендация, которая задает правила, а любые правила можно нарушить, многие делают так как им удобно ничего с этим не поделаешь, но это уже не чистый БЭМ.

Чисто технически ничто не мешает сделать и базовые отступы потому что это часть состояния блока. К примеру у заголовков h1,h2.. есть базовые отступы сверху и с низу, которые задает браузер, по сути чтобы полностью контролировать состояние мы должны переопределить эти отступы как нам надо, то есть либо обнулить, либо задать свои явные значения, а потом при необходимости модифицировать. То есть тот же Normalize.css можно считать базовой надстройкой. А вот если речь идет о простых плиточках вроде карточки товара или новости блога, тут конечно отступы блокам задавать совсем не уместно, намного правильнее делать микс, тем более сейчас есть такая замечательная технология как гриды и можно задать gap у родителя, абсолютно не связывая никак с дочерними блоками, то есть даже миксовать ничего не надо.

И можно ли блокам ставить position: absolute или relative?

relative однозначно да, так как внутренние элементы могут быть асолютными. А вот absolute вытягивает блок из потока, поэтому тут надо хорошо подумать, может лучше сделать дефолтное состояние relative и отдельный модификатор для absolute .

[Realetive]

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

На самом деле про «БЭМ — всего лишь методология, никто не запрещает нарушать правила» — это не совсем так. Причин «нарушить БЭМ» довольно мало (и они поэтому даже описаны в самой документации: https://ru.bem.info/methodology/block-modification...). Т. е. если вы столкнулись с желанием «сделать по-своему» — остановитесь, подумайте — возможно, вы неправильно декомпозировали структуру, отчего усложнили реализацию. Может, стоить разбить сущность на два блока. Или наоборот — увидеть в различии две модификации одного блока. И т. д.

[Виталий Першин]

Realetive,

На самом деле про «БЭМ — всего лишь методология, никто не запрещает нарушать правила» — это не совсем так.

Не совсем понял кому это адресовано, ведь я говорил: "любые правила можно нарушить", то есть если вы или вас никто не контролирует, то что вас еще остановит от нарушения? Причем одно дело нарушение по не понимаю принципов, другое дело осознанно идти в разрез соглашению.