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

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

АН

Eugeniy World

Тут так не работает, это ведь не этап сборки, а уже рантайм и тут работает принцип каскада

Я имею в виду, что я соберу вот так

.Button {
  --color-a: '#000'
}

.Theme {
  --color-a: '#fff'
}

<div className="Them">
  <button className="Button">Handlee</button>
</div>

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

Eugeniy World in БЭМ

Яж говорю, не важно, у тебя порядок построения CSSOM будет другой же

17:58пожаловаться #3

АН

А, я понял

17:58пожаловаться #4

Eugeniy World in БЭМ

Сперва тема, затем кнопка

17:58пожаловаться #5

АН

Eugeniy World

Возможно я не понимаю, как ты хочешь, но смотри:

.Theme {
  --color-a: '#fff'
}

.Button {
  --color-a: '#000'
}

<div className="Them">
  <button className="Button">Handlee</button>
</div>

А как кнопке стоит брать цвет?

18:00пожаловаться #6

2020 February 05

я могу сделать модификатор, который просто должен добавлять класс модификатора? макс коротко

12:33пожаловаться #7

АН

я могу сделать модификатор, который просто должен добавлять класс модификатора? макс коротко

Если вопрос не о конкретном фреймворке, то да. Например этот модификатор может сообщать о состоянии элемента

13:12пожаловаться #8

А если таких модификаторов два? Просто для показа добавления новых модификаторов для элемента, если не явно обновлять className, то как?

13:14пожаловаться #9

АН

Stack Overflow на русском

Немного не по теме, но думаю здесь есть опытные разработчики, а я не могу найти ответ:

Блок overflow auto внутри flex перестаёт расширяться в firefox, скролл перекрывает контент.

Есть идеи как это решить? Вопрос на SO https://ru.stackoverflow.com/questions/1077995

Блок overflow auto внутри flex перестаёт расширяться в firefox, скролл перекрывает контент

Иногда при вёрстке блоков с overflow: auto в firefox блок становится не жадным по ширине и при появлении вертикальной полосы прокрутки создаётся горизонтальная, так как вертикальная отбирает место. В

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

А есть что то лучшее https://www.npmjs.com/package/rebem-css для удобного описания стилей для бема?

npm

npm: rebem-css

BEM syntax for CSS

Stack Overflow на русском

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

Vitaly Harisov in БЭМ

Авроамэриканец Начрэл

Блок overflow auto внутри flex перестаёт расширяться в firefox, скролл перекрывает контент

Офтопик

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

:zap: BEM syntax for CSS. Contribute to bem-contrib/pobem development by creating an account on GitHub.

А есть что то лучшее https://www.npmjs.com/package/rebem-css для удобного описания стилей для бема?

npm

npm: rebem-css

BEM syntax for CSS

Как вам https://github.com/bem-contrib/pobem ?

GitHub

bem-contrib/pobem

15:22пожаловаться #13

:zap: BEM syntax for CSS. Contribute to bem-contrib/pobem development by creating an account on GitHub.

Как вам https://github.com/bem-contrib/pobem ?

GitHub

bem-contrib/pobem

кайф! Использую его уже несколько лет

15:27пожаловаться #14

И он правильно понимает вложенность и контекст элементов внутри блоков

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

Роман

И он правильно понимает вложенность и контекст элементов внутри блоков

а получится грязные трюки, вроде: .block .block2 .block2_mod_val?

15:33пожаловаться #16

а получится грязные трюки, вроде: .block .block2 .block2_mod_val?

Так а что тут грязного?

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

Роман

Так а что тут грязного?

управление элементов из вне...

15:34пожаловаться #18

Мне больше нравится, что можно так:

block(block) {
  elem(elem1) {
    mod(mod1 val1) {}
    mod(mod1 val2) {}
  }

  elem(elem1).mod(mod2 val) {}  
}

block(block2).mod(mod) {}

15:35пожаловаться #19

управление элементов из вне...

Это же не управление, просто каскад