AC
Пацаны и девушки), если у нас есть компонент Icon, у него есть стили, и в цикле по BEM мы перечисляем массив возможных цветов, например их будет 20
Size: a a a
2017 May 29
AC
ну и допустим еще у нас есть в цыкле 5 разных sizes для иконок
KP
В цикле в jsx или какие-то sass циклы?
AC
в sass
AC
А если перейти на css modules, то как бы вы реализовали эту логику пользуясь концепцией того, что у нас все стили должны содержаться в одном классе, и для всех "модификаторов" мы должны выходит использовать composes: root, т. е. .blue {composes: root; color: blue; } и так далее
AC
вот тут есть умная статья по css modules https://glenmaddern.com/articles/css-modules но в ней я не нашел подходов для такой типичной ситуации
KP
Я бы реализовывала это inline стилями вообще
AC
по концепции Styled Components?
AM
AM
похоже вопрос уже задавался в репе
AM
а инлайн стили как потом с темизацией быть, например если темы реализованы в тех же aka css variables?
KP
Но если так, то тут с composes просто гора классов выйдет. Поэтому проще тут как раз отдельно сделать классы для размеров и для цветов
KP
Ну, у меня они shared между js и css
AM
а разве нельзя процессить SCSS потом в CSS Modules?
GJ
Как по мне, то composes сугобо опциональная штука, это по факту аналог миксинов scss
KP
а разве нельзя процессить SCSS потом в CSS Modules?
Ну не в этом же вопрос
GJ
Их стоит юзать при отсутствии препроцессора
AM
я просто не настолько их юзал чтобы советовать, просто помоему такая возможность есть - пишешь в SCSS потом результат подключаешь как CSS Modules, хотя кейс выглядит так себе
AC
ну меня тоже напрягает пока composes, вопрос в том, что если мы не используем composes то мы должны юзать цвета и размеры через overriding доп классами?