БЭМ разное позиционирование 2х одинаковых блоков в блоке?

Question

[Andrei Popov]

К примеру ситуация когда в блоке 2 одинаковых блока, которым я хочу задать РАЗНОЕ позиционирование с помощью миксов. Судя по примерам в документации по БЭМ, я должен прописать это так (вариант-1) но тогда блоки будут позиционироваться ОДИНАКОВО. Будет ли (вариант-2) по правилам БЭМ ? Или как еще такое реализовать?

Comments

[alex]

второй вариант правильный, но может возникнуть дублирование кода, тогда можно использовать модификаторы, они не только у блоков могут быть, но и у элементов.

Answer 1

[Олег]

Вариант 1 хорошо подходит, когда у блоков одинаковое поведение/расположение, вариант 2 возможен, но не очень красив, я бы сделал так:

<header class="header">
  <button class="button header__auth">Войти</button>
  <button class="button header__join">Зарегистрироваться</button>
</header>

Миксуем с двумя разными элементами, позиционируем как душе угодно.