ПостCSS теперь умеет в собственные функции! 🔥

CSS теперь умеет в собственные функции! 🔥 В дизайн-системах вечно повторяются одни и те же вычисления: .card { padding: calc(6 * 4px); } .modal { gap: calc(4 * 4px); } Теперь логику можно вынести в отдельную функцию: @function --space(--n) { result: calc(var(--n) * 4px); } И дальше юзать её почти как встроенную: .card { padding: --space(6); } .modal { gap: --space(4); } Параметры можно типизировать, чтобы функция принимала только нужные значения — например --n <number> с возвратом <length>. Причём внутри доступны не только calc(): локальные переменные, условная логика, а одна функция может вызывать другую. Поддержка пока сыровата, но суть не в экономии пары строк. CSS наконец получает переиспользуемую логику с аргументами и типами — то, ради чего раньше тащили препроцессоры. #CSS #frontend #вёрстка