Задать вопрос
@lieflowerme
html

Как делать отступы между блоков в БЭМ?

Например, у меня есть такой кусок кода: 
<div class="bem-block"></div>
<div class="another-bem-block"></div>

Я бы хотел, чтобы вертикальный отступ между блоков был 50px, но в спецификации БЭМа сказано:

Блок не должен влиять на свое окружение, т. е. блоку не следует задавать внешнюю геометрию (в виде отступов, границ, влияющих на размеры) и позиционирование.

Как мне быть?
  • Вопрос задан
  • 2677 просмотров
1 комментарий
Подписаться 3 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
dom1n1k
@dom1n1k
Все блоки одновременно являются детьми некого вышестоящего контейнера. Отступы нужно указывать для классов, соответствующих элементам родительского блока. Далее эти классы могут быть прикручены либо непосредственно к обсуждаемым блокам, либо к промежуточным дивам-оберткам.

Недавно отвечал на похожий вопрос:
https://toster.ru/answer?answer_id=1080988#answers...
Ответ написан
Комментировать
Комментировать
userAlexander
@userAlexander
Верстка наше все)
lieflowerme еще лучше использовать отдельный класс для отступа.
этот класс можно как добавить на блок так и использовать отдельно на блоке обертке.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать дизайн 3-х сайтов на Tilda
19 апр. 2024, в 16:22
30000 руб./за проект
Прототип, дизайн и верстка лендинга на Тильде
19 апр. 2024, в 16:18
19000 руб./за проект
Спарсить + Создать бота + Сделать рассылку в Telegram
19 апр. 2024, в 16:15
5000 руб./за проект
Ещё заказы