Можно ли в методологии БЭМ использовать container?
У меня на странице есть 2 абстрактных блока:
- Блок меню:
<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>
- Блок каталога:
<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>
Буду благодарен за помощь!