Answer the question
In order to leave comments, you need to log in
How to do it right in terms of BEM?
Good evening.
There is a large block (slider) that has several types and layouts. Each type has unique elements, and each type has common elements. I solved the problem by creating one common block, and two specific blocks, which I then mixed.
<!-- Первый слайдер -->
<div class="slider slider-promo">
<div class="slider__track slider-promo__track">
<div class="slider__slide slider-promo__slide"></div>
<div class="slider__slide slider-promo__slide"></div>
<div class="slider__slide slider-promo__slide"></div>
</div>
<div class="slider__arrows slider-promo__arrows"></div>
</div>
<!-- Второй слайдер -->
<div class="slider slider-grid">
<!-- Набор уникальных для второго слайдера элементов -->
<div class="slider-grid__meta">
<div class="slider-grid__description"></div>
</div>
<div class="slider__track slider-grid__track">
<div class="slider__slide slider-grid__slide"></div>
<div class="slider__slide slider-grid__slide"></div>
<div class="slider__slide slider-grid__slide"></div>
</div>
<div class="slider__arrows slider-grid__arrows"></div>
</div>
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question