SB
угу, но я не понимаю как ксс модули собираются, мне нужно куки стилей тащить вглубь по модификаторам (компонентам)
🤔 здесь реально нужно подумать
Size: a a a
2020 February 07
SB
Т. е. проблема описания модификаторов (чтобы перекрыть стили)?
V
Т. е. проблема описания модификаторов (чтобы перекрыть стили)?
В том числе, здесь без подумать сразу не заведеться. Здесь все стили импортируются глобально сразу (при сср), либо же через ксс модули для динамических элементов
Р
Как подружить блоки на бем и css Modules?
а какую задачу будут решать CSS Modules? Унификация имени класса в рамках БЭМ-сущности или всего проекта? Если второе, то, кажется, достаточно будет добавить namespace c помощью
withNaming: https://github.com/bem/bem-react/tree/master/packages/classname#configure
2020 February 10
EW
А возможно отключить генерацию класса при использовании
withBemMod? Когда мы проверяем пропсы на совпадение модификатора?М… а расскажи кейс?
V
М… а расскажи кейс?
https://github.com/bem/bem-react/tree/master/packages/core#step-4 прим.
Хотя думаю, это будет не правильно в интепритации БЭМа, ведь одно из условий это указание состояние компонента в его стилях
withButtonTypeLink, что при { type: 'link' } => Button_type_link Это круто и понятно, но если не нужно создавать класс?Хотя думаю, это будет не правильно в интепритации БЭМа, ведь одно из условий это указание состояние компонента в его стилях
2020 February 11
V
🤔 здесь реально нужно подумать
не смог сдаться, решил попробовать. Получилось вот такая заплатка:
Одна беда, становится не всегда выходно использовать https://github.com/css-modules/css-modules#composition тк мы не группируем какое то единственное состояния, а можем перезаписывать модульные стили
export const Block: FC<IBlockProps> = ({
children,
className,
cssModules = [],
...props
}) => (
<div
{...props}
className={cn([
cssModule(cnBlock()), // // cssModule = name => import cssModule[name]
...splitClassName(className).map(cssModule), // подключаем ксс модуль по названию состояния
...cssModules // внешние css модули
])}
>
{children}
</div>
);cn = "classnames"Одна беда, становится не всегда выходно использовать https://github.com/css-modules/css-modules#composition тк мы не группируем какое то единственное состояния, а можем перезаписывать модульные стили
EW
мм, кажется похожую проблему я описывал вот тут — https://github.com/bem/bem-react/issues/381
EW
Но пока её никак не решили 🙁 если кесть какие-то сооброжения на этот счет, давай в ишью 🙂
VG
VG
Ждём, ещё миллион человек ждут)
fixed ;)
V
Но пока её никак не решили 🙁 если кесть какие-то сооброжения на этот счет, давай в ишью 🙂
Спасибо
2020 February 12
RR
👌E>ARN> +8,6123% ▶️ https://temeralli.ga/2TAVrt
2020 February 16