Можно ли при верстке по БЭМ использовать повторяющийся блок-обертку?

Question

[Norum]

Можно ли в БЭМ верстке использовать блок-обертку wrapper вот таким образом? Меня смущает то, что обычно элемент, который находится в блоке вначале имеет его название, а потом через __ пишется само название элемента и если взять, например, секцию .main, то тогда блок .main__content должен называться .main__wrapper-content или же я заблуждаюсь и у меня прописано верно? Я проосто хочу, чтобы у каждой секции была обертка с определенной шириной и отступами, а когда ширина не нужна и надо сделать контент на всю ширину экрана, то создать .wrapper-fluid

<section class="main">
  <div class="wrapper">
    <div class="main__content">
      <h1 class="main__title">Заголовок</h1>
      <p class="main__text">Текст</p>
    </div>
  </div>
</section>

<section class="features">
  <div class="wrapper">
    <div class="features__content">
      <h1 class="features__title">Заголовок</h1>
      <p class="features__text">Текст</p>
    </div>
  </div>
</section>

<section class="footer">
  <div class="wrapper">
    <div class="footer__content">
      <h1 class="footer__title">Заголовок</h1>
      <p class="footer__text">Текст</p>
    </div>
  </div>
</section>

Answer 1

[Вадим]

Можно.
wrapper у Вас самостоятельный блок, единственная ответственность которого - задать ограничения по ширине.

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

Если бы Вы писали main__wrapper, footer__wrapper, то это означало бы, что у этих wrapper разные стили.

Comments

[Norum]

значит то что сначала идет section с названием класса, потом блок wrapper с ограничением по ширине и уже внутри него элемент с названием имя-секции__имя элемента прокатывает? Я все верно понял? Просто я думал может использовать микс, но уместно ли это?

[Вадим]

Norum, Да, всё верно.
А микс Вам тут зачем?
Если, скажем, у wrapper, который внутри footer, есть какие то особенные стили, отличающиеся от всех других wrapper, например, дополнительный margin, то тогда да, микс то что нужно. Будет тогда .wrapper.footer__wrapper.

[Вадим]

Norum, Или Вы имели ввиду микс .footer.wrapper? Если так, то это не совсем корректно, что два блока на одном элемементе.