Как задать позиционирование блоку по БЭМ?

Question

[avr1972]

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

Comments

[iBird Rose]

через другой класс
к примеру есть у тебя блок социальных кнопок .social
он у тебя есть и в хедере и в футере. отличается только положением.
в header делаешь блок к прмиеру:
<div class="social in-header"></div>
а в футере
<div class="social in-footer"></div>

[avr1972]

А если блок social больше не встречается на странице, будет класс social-position ?

[i]

avr1972, https://toster.ru/answer?answer_id=1095743#answers...

Answer 1

[One of Us]

Для этого для этого блока применяем миксы. Например наш блок

<div class="parent">
	<ul class="menu-list">
		<li class="menu-list__item">1</li>
		<li class="menu-list__item">2</li>
		<li class="menu-list__item">3</li>
	</ul>
</div>

Нам нужно спозиционировать блок "menu-item" Мы делаем микс "menu-item parent__menu-item" и уже "parent__menu-item" задаем позиционирование, какое нам нужно, так как он является элементом блока "parent".

<div class="parent">
	<ul class="menu-list parent__menu-list">
		<li class="menu-list__item">1</li>
		<li class="menu-list__item">2</li>
		<li class="menu-list__item">3</li>
	</ul>
</div>