Задать вопрос
Ответы пользователя по тегу БЭМ
  • Как в БЭМ называют вложенные элементы во вложенных?

    wapster92
    @wapster92
    Не может быть у элемента элементов, либо создаешь новый элемент или новый блок.
    .user__img
    .user__header
    .user__text
    .user__btn

    А так вопрос из разряда, прочтите за меня документацию в которой все разжевано
    Ответ написан
    2 комментария
  • Оцените верстку по БЭМ?

    wapster92
    @wapster92 Куратор тега Вёрстка
    <div class="heading-block">
                    <h3 class="heading__h3">Продажа, производство и доставка</h3>
                    <h1 class="heading__h1">Штакетник металлический</h1>
                  </div>
    не БЭМ
    <div class="grid-block">
                                <span class="calc__span">Стоимость погонного метра</span>
                                <span class="calc__text">61 ₽/м </span>
                                <span class="calc__span">
    тоже самое, и куча подобных моментов, где элемент вложен в чужой блок, если так делать то только при миксе. Про css ничего не могу сказать, там похоже постпроцессоры применены.
    Upd все же могу и про css сказать. Блокам задан внешний отступ, в бэме этого делать так же нельзя
    .header-item {
      margin-right: 47px
    }
    Ответ написан
    Комментировать
  • Как правильно организовать этот сайтбар по БЭМ?

    wapster92
    @wapster92 Куратор тега CSS
    <div class="filter">
                <div class="filter__item form-el">
                    <h3 class="form-el__title"></h3>
                    <div class="form-el__input-row">
                        <input type="radio" class="form-el__input">
                        <label for="" class="form-el__label"></label>
                    </div>
                </div>
                <div class="filter__item range-slider">
                    <h3 class="range-slider__title"></h3>
                    <!--   необходимые элементы для слайдера             -->
                </div>
                <div class="filter__item form-el">
                    <h3 class="form-el__title"></h3>
                    <div class="form-el__input-row">
                        <input type="checkbox" class="form-el__input">
                        <label for="" class="form-el__label"></label>
                        <span class="form-el__count"></span>
                    </div>
                </div>
            </div>

    Думаю можно и так. Над названиями блоков можно еще подумать. Заголовки возможно вообще лучше сделать отдельным блоком. Так же можно и не миксовать элменты фильтра с блоками инпутов.
    Ответ написан
    Комментировать
  • Как задать имя класса по БЭМ?

    wapster92
    @wapster92 Куратор тега CSS
    Первый вариант верен, но не совсем там есть элемент и он же другой элемент, более правильнее модификатор дать. И как это разные по смыслу? Это списки отображаются они одинаково, то что ты описали решается модификаторами. К тому же во втором варианте элементы одного блока вставлены в элементы другого так делать нельзя.
    Ответ написан
    Комментировать
  • Как правильно записать по БЭМ?

    wapster92
    @wapster92 Куратор тега HTML
    В документации говориться, что нельзя называть давать названия элемент элемента rating__item__* твой случай. И почему ты спрашиваешь? Во второй и третьей строке правильно же назвал блоки.
    Ответ написан
    7 комментариев