Можно ли делать самостоятельные блоки внутри секции по БЭМ-у?

Question

[Сергей Соболь]

Можно ли делать так, как я сделал на скрине? То есть делать самостоятельный блок "notations", а не "cart__notations"?

Спасибо заранее за ответ :)

Answer 1

[Realetive]

Да, конечно.
Но, если вы хотите использовать БЭМ по правилам, а не просто писать классы через чёрточку: когда захотите сделать margin-отступ между .row и .notations, это следует описывать не в классе блока, т. к. «у блока не должно быть внешней геометрии». Можно задать элементы у .container и уже между ними описать margin-отступ:

<div class="container">
  <div class="container__main">
    <div class="row">…</div>
  </div>
  <div class="container__aside">
    <div class="notations">…</div>
  </div>
</div>

Comments

[Сергей Соболь]

Благодарю!

[Realetive]

P.S.: в дальнейшем, если .container__main и .container__aside будут содержать только свойства отступов, можно сделать микс, объёденив свойства отступов с внутренними блоками («экономит» вложенность, но не стоит с этим злоупотреблять — сперва хотя бы «в уме» лучше «написать» без микса):

<div class="container">
  <div class="row container__main">…</div>
  <div class="notations container__aside">…</div>
</div>