Задать вопрос
andrei500
@andrei500
Middle Frontend Vue.js
bem

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

5c6ff035c9ea1717645773.png

К примеру ситуация когда в блоке 2 одинаковых блока, которым я хочу задать РАЗНОЕ позиционирование с помощью миксов. Судя по примерам в документации по БЭМ, я должен прописать это так (вариант-1) но тогда блоки будут позиционироваться ОДИНАКОВО. Будет ли (вариант-2) по правилам БЭМ ? Или как еще такое реализовать?
  • Вопрос задан
  • 190 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
werty1001
@werty1001
undefined
Вариант 1 хорошо подходит, когда у блоков одинаковое поведение/расположение, вариант 2 возможен, но не очень красив, я бы сделал так:
<header class="header">
  <button class="button header__auth">Войти</button>
  <button class="button header__join">Зарегистрироваться</button>
</header>

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Программист SQL
САМО-Софт • Москва
До 220 000 ₽
Devops (Персона)
Сбер • Москва
от 230 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Менеджер по продажам в онлайн-школу
17 апр. 2024, в 00:48
35000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы