Margin нельзя задавать в модификаторах, а padding? (БЭМ)

Question

HTML/CSS — русскоговорящее сообщество

Denis

Margin нельзя задавать в модификаторах, а padding? (БЭМ)

#css #frontend #html #programming #russian

0

02.01.2023

7 ответов

13 просмотров

Denis Автор вопроса

Борис Никиташов
Насколько я помню, БЭМ запрещает внешнюю геометрию...

про элемент просто ничего не сказано) сказано лишь про блок. Если будет такой вариант: <nav class="nav header__nav"> </nav> Опустим миксы и прочее, прочее. nav и блок и элемент одновременно, можно ли дописать nav--margin20?

0

02.01.2023

Oleksandr 🤖

Denis
про элемент просто ничего не сказано) сказано лишь...

ну само "margin20", какое-то пугающее... лучше уже хоть m-20, а еще лучше - отдельным классмо ему добавить то margin: 20, имхо

0

02.01.2023

Denis Автор вопроса

Oleksandr 🤖
ну само "margin20", какое-то пугающее... лучше уже...

хорошо, что обращаете внимание на внешнее, но я написал на скорую руку. m-20 как отдельный класс? Это не бэм, это что-то по типу tailwind.

0

02.01.2023

Oleksandr 🤖

Denis
хорошо, что обращаете внимание на внешнее, но я на...

я имел в виду, что этот элемент с m-20, он ведь чем-то особенный. И по бэму, насколько помню, добавить ему этот отдельный класс. Типа active, selected или т.п.

0

02.01.2023

Denis Автор вопроса

Oleksandr 🤖
я имел в виду, что этот элемент с m-20, он ведь че...

.nav.m-20{} так?

0

02.01.2023

Oleksandr 🤖

Denis
.nav.m-20{} так?

не, так тоже некрасиво. Вместо m-20 то. Как я понял, то таких элементов же много. Просто у одного m-20 и он почему-то же выделяется. И название класса должно быть не m-20, а его особенность (active, selected и т.п.)

0

02.01.2023

Борис Никиташов · Accepted Answer

Борис Никиташов

Насколько я помню, БЭМ запрещает внешнюю геометрию (margin и позиционирование) на уровне блока. То есть, если модификатор применяется к элементу — изменять margin позволено. Но я могу ошибаться. padding можно везде.

0

02.01.2023

169 похожих чатов

Margin нельзя задавать в модификаторах, а padding? (БЭМ)

7 ответов

Похожие вопросы