В Chrome 139 появилась возможность писать собственные функции прямо в CSS. Теперь можно не дублировать
calc() и clamp(), а объявлять их один раз и вызывать как в JS.Уна Кравец показала 5 примеров:
—
--negate() — переворачивает знак числа;—
--opacity() — задаёт прозрачность цвета;—
--fluid-type() — делает адаптивную типографику;—
--conditional-radius() — убирает скругления у края экрана;—
--layout-sidebar() — строит сетку с сайдбаром без медиазапросов.Дальше — больше: в будущем появятся
@mixin и @apply, и CSS наконец-то получит свои настоящие функции. Ну хоть в Хроме теперь будет счастье.una.im/5-css-functions
#css #function