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

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

2020 May 09

ДК

Дмитрий К in БЭМ

Egor Levchenko

Всем привет
Есть вопрос по модификаторам:

допустимо ли использование модификатора таким образом, и как лучше сделать правильно

<p class="text">
<span class="text_strong">жирный текст</span>
обычный текст
</p>

Всё правильно у вас, только это не модификатор, а элемент у вас.

ДК

Т.е. должно быть как-то так:

<p class="text">
    <span class="text text_weight_bold">жирный текст</span>
    обычный текст
</p>

А вот это глупость какая-то. Текст внутри текста.

А вот это глупость какая-то. Текст внутри текста.

Ну, не глупость, так вполне может быть:

<span class="text">
  Обычный текст с <span class="text text_weight_bold">жирностью</span> и <span class="text text_italic">курсивом</span>.
</span>

n⚡

Ну, не глупость, так вполне может быть:

<span class="text">
  Обычный текст с <span class="text text_weight_bold">жирностью</span> и <span class="text text_italic">курсивом</span>.
</span>

+++

ДК

Ну, не глупость, так вполне может быть:

<span class="text">
  Обычный текст с <span class="text text_weight_bold">жирностью</span> и <span class="text text_italic">курсивом</span>.
</span>

Корректно писать так тогда уж:

<font>
  Обычный текст с <font weight="bold">жирностью</font> и <font style="italic">курсивом</font>.
</font>

А вот это глупость какая-то. Текст внутри текста.

Дак в чем глупость?

ДК

Дак в чем глупость?

В том, что "жирный текст" - не самостоятельный блок, а составная часть собственно текстового блока. В разных типах текстовых блоков у вас могут быть совершенно разные стили для "жирного текста".

https://github.com/whitepapertools/whitepaper-bem/blob/master/text/text.md

16:45пожаловаться #8

Eugeniy World in БЭМ

GitHub

whitepapertools/whitepaper-bem

Design System Library. Contribute to whitepapertools/whitepaper-bem development by creating an account on GitHub.

ДК

https://github.com/whitepapertools/whitepaper-bem/blob/master/text/text.md

GitHub

whitepapertools/whitepaper-bem

Design System Library. Contribute to whitepapertools/whitepaper-bem development by creating an account on GitHub.

И какое эти глупости имеют отношение к бэму?

16:49пожаловаться #10

Дмитрий К

И какое эти глупости имеют отношение к бэму?

я очень прошу коммуницировать с бОльшим уважением — от того, что постоянно повторяется слово «глупость» дискуссия лучше не становится

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

Дмитрий К

И какое эти глупости имеют отношение к бэму?

БЭМ, это методология разбиения интерфейса на блоки и элементы, у которых могут быть модификаторы — соответственно любой способ такого разбиения имеет отношение к БЭМу, по определению

дальше можно обсуждать удачные или не очень способы разбиения и выборы названия — но это уже нюансы в пределах одной и той же методологии

16:55пожаловаться #12

Sergey Berezhnoy

в том что блок вкладывается в такой же блок нет ничего криминального, запрещённого методологией

16:56пожаловаться #13

ДК

Дмитрий К in БЭМ

Чудесная эволюция. Начиналось всё с семантики, а теперь любой говнокод с фактически стилями в вёрстке - всё норм? Что толку от бема в таком виде?

17:04пожаловаться #14

Дмитрий К

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

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

разрешает ли бэм использовать вложенные селекторы для элементов? то есть .someblock__elem .block__elem? если someblock__elem примиксован к .block на одном узле

22:53пожаловаться #16

вот так должно быть понятно что и почему

22:56пожаловаться #17

22:56пожаловаться #18

то есть:
Есть какой-то блок с элементами внутри. У него одни стили. Я этот блок переиспользую в одном месте, элементам внутри этого блока надо переопределить font-size, например. Тогда я миксую к нему класс элемента родительского блока и через селектор наследования задаю этот font-size. Идея такая.

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

Причин, почему это нельзя было бы сделать, не вижу, однако смущает, что в документации написано, что бэм не запрещает использовать такие селекторы для изменения стилей элементов в зависимости от модификаторов блока, а про остальные случаи ни слова: