Как правильно назвать классы по бэм?

Question

[vovkka]

Добрый день. Подскажите пожалуйста как правильно назвать классы по бэм.
Есть такая структура:

<section class="about">
	<div class="about-holder">
		<div class="slider"></div>
		<div class="text"></div>
	</div>
</section>

about width 100% и фон.
а about-holder для ограничения ширины и центрирования блока... далее блоки вложенные.
Как назвать about-holder ? и вложенные. Спасибо!

Comments

[vlad_lutsky]

Учитывая какой элемент можно будет использовать повторно. К примеру about, about__holder, about__holder_text. Но учитывая что слайдер будет использоваться повторно(предполагается) то у него будет класс slider.

[Монти Пайтон]

. Но учитывая что слайдер будет использоваться повторно(предполагается)

vlad_lutsky: вы хотели сказать что слайдер наоборот не будет использоваться повторно, или действительно будет?

[vlad_lutsky]

Ostin1: будет. И у слайдера будет свой набор классов slider, slider__content, slider__nav, slider__content_title - к примеру

Answer 1

[kulaeff]

Я бы назвал about, about__container, about__slider, about__text.

Comments

[vovkka]

kulaeff а почему эти два блока названы так about__slider, about__text ? они же не на одном уровне лежат с about__container

[tema_sun]

vovkka: потому что это элементы блока about. По БЭМ вложенность элементов в HTML не обязательно должна отражаться во вложенности в названиях классов.

[kulaeff]

tema_sun: в яблочко.

Answer 2

[cssfish]

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

Answer 3

[FreZ]

<section class="about">
  <div class="about__slider-wrap">
    <div class="about__slider"></div>
    <div class="about__text"></div>
  </div>
</section>