Можно ли в методологии БЭМ использовать container?

У меня на странице есть 2 абстрактных блока:

  1. Блок меню:
<section class="menu">
  <div class="menu__wrapper">
    <ul class="menu__list">
      <li class="menu-item">
        <a href="#" class="menu-link">          
        </a>
      </li>
    </ul>
  </div>
</section>
  1. Блок каталога:
<section class="catalog">
  <div class="catalog__wrapper">
    <ul class="catalog__list">
      <li class="catalog__item">...</li>
    </ul>
  </div>
</section>

Мне нужно их выровнять по центру. Для этого я сделал div с классом catalog__wrapper и menu__wrapper соответственно. По факту в обоих этих классах будет одинаковый CSS и происходит дублирование кода. Отсюда мой вопрос: корректно ли будет по методологии БЭМ создать глобальный класс container и заменить wrapper'ы на него. Если нет, то как правильно нужно сделать? Примиксовать может как-то?

Например вот так:

<section class="menu">
  <div class="container">
      <ul class="menu__list">
        <li class="menu-item">
          <a href="#" class="menu-link>
        <img src="img.png" class="menu-link__icon">  
          </a>
        </li>
      </ul>
  </div>
</section>

Буду благодарен за помощь!


Ответы (0 шт):