Комментарии 6
Атомик очень плохо масштабируется в сторону расширенных возможностей CSS.
С базовыми стилями (ну типа указать размер шрифта, цвет и пару марджинов) проблем нет. Базовые медиа-запросы тоже.
Но если мы хотим использовать продвинутые штуки - переменные, функции, новые селекторы вроде has, контейнерные запросы - начинается адок. Нарочито примитивный синтаксис сопротивляется, потому что изначально не был рассчитан на это.
Плюс комбинаторный взрыв, если одновременно встречаются псевдоэлементы, псевдоклассы и медиа-запросы.
Выливается все это в нечитаемое нагромождение костылей и магических чисел, и многие люди почему-то думают, что так нормально. Наверное, это подсознательная тоска молодого поколения по шуму завода перлу :)
TailwindСSS вообще какое-то чудо чудесное. Столько времени старались отделить текст от оформления, а в Tailwind взяли и реализовали свои атрибуты HTML тегов через классы...
По началу да, но потом это становится адом... TailwindСSS и прочие такие библиотеки очень избыточны, а добавление ещё и своих классов это прям винегрет
По началу да, но потом это становится адом...
В смысле становится адом? Там изначально тот ад, что раньше был в виде атрибутов тегов. По мне так Tailwind максимум для прототипирования. Потом нужно всё это переводить в нормальные стили, которые будут описывать элементы интерфейса. Вроде там в новой версии сделали такое, что можно собирать из этих классов какие-то свои.
Последнее время очень полюбил Tailwind, хотя долго не принимал его. Но еще больше мне понравилась идея автора о комбинировании БЭМ и атомарного CSS. Не хочется лишний раз какому-то небольшому контейнеру в котором только padding/margin придумывать отдельное название - пускай будет описан атомарными. Есть какой-то важный компонент с определенным частями и состояниями - БЭМ
BEM vs Atomic CSS или картинка по номерам