Телеграмм чат группы bem

Size: a a a

БЭМ

919 membersпожаловаться на группу

2021 April 27

Вадим in БЭМ

Я еще могу представить иерархию в 2 уровня но если в среднем 3-5 - это ад для юзера глазами мерять отступы)

источник

17:44пожаловаться #1

PН

Prikolist Начрэл... in БЭМ

Используй правило внутреннего-внешнего при дизайне и всё будет удобно.

Если не нравится селект, используй радио меню или радио кнопки. Больше никаких способов я не знаю. Не могу представить задачу для которой этого будет недостаточно

источник

17:46пожаловаться #2

2021 April 28

Ilya Lebed in БЭМ

Привет 🙋
Как правильнее организовать структуру стилей примера ниже следуя BEM методологии?

<div class="advantages">
  <div class="advantages__container">
    <div class="advantages__title">Title</div>

    <div class="advantages__reviews">
      <div class="advantages__reviews-block">
        <div class="advantages__reviews-title">Reviews block title</div>
        <div class="advantages-reviews-progress">
          <div class="advantages-reviews-progress__title">Progress title</div>
        </div>
      </div>
    </div>
  </div>
</div>

источник

02:43пожаловаться #3

PН

Prikolist Начрэл... in БЭМ

Что ты имеешь в виду?

источник

02:45пожаловаться #4

Ilya Lebed in БЭМ

Код получается слишком громоздким, похож на БЭМ курильщика. Мне интересно как другие люди делают подобную структуру

источник

02:57пожаловаться #5

PН

Prikolist Начрэл... in БЭМ

А что не так с этой структурой?

источник

03:01пожаловаться #6

Vitaly Harisov in БЭМ

Я не понимаю зачем нужны __container и __reviews-block и почему advantages-reviews-progress сделан отдельным блоком.

А в остальном всё ок

источник

11:21пожаловаться #7

2021 May 04

Костя Сафонов... in БЭМ

Reviews-title - это уже поворот не туда. Такие "вложенные" классы надо миксами делать.

Миксами?

Как бы вы организовали пример выше?

источник

22:14пожаловаться #10

Костя Сафонов... in БЭМ

Ща пример скину в ЛС

источник

22:19пожаловаться #11

Ilya Lebed in БЭМ

Ок, спасибо

источник

22:19пожаловаться #12

2021 May 05

Анатолий in БЭМ

Всем привет! Только начал знакомиться с БЭС. Подскажите, есть разметка с классами:
header
logo
nav

Правильно ли я понимаю, что для задания отступов (margin) для блока logo необходимо logo взять в некую обертку и этой обертке задать margin? Вопрос, какой класс этой обёртке присвоить, можно ли назвать её как элемент блока header, т.е. header__logo ? Как вы обычно поступаете/называете обертки в таких ситуациях?

источник

11:48пожаловаться #13

Vitaly Harisov in БЭМ

Не margin, а padding.

header__logo — норм

источник

11:52пожаловаться #14

Vitaly Harisov in БЭМ

И не обёртку, а mix

источник

11:53пожаловаться #15

Vitaly Harisov in БЭМ

<header class='header'>
    <div class='header__logo logo'>
        <img class='logo__img'/>
    </div>
</header>

источник

11:54пожаловаться #16

Анатолий in БЭМ

Ок, спасибо!

источник

11:55пожаловаться #17

3axap KNbaHoB in БЭМ

А в ссылку оборачивать лого не надо?

источник

12:24пожаловаться #18

Роман in БЭМ

Если там не нужна ссылка, то не надо.

источник

12:25пожаловаться #19

Vitaly Harisov in БЭМ

Вместо div сделайте a

источник

15:17пожаловаться #20