Tuesday, October 14, 2025
All the Bits Fit to Print
A collection of CSS custom functions using the new @function rule
A new CSS library called css-extras offers around 50 custom CSS functions using the experimental @function rule, currently supported only in Chrome 141+. These functions enable advanced styles like math operations, color manipulation, fluid typography, responsive layouts, and theme-aware designs without needing build steps.
Why it matters: Developers can now write more powerful, native CSS functions to simplify complex styling directly in the browser.
The big picture: The @function rule is still experimental and undergoing W3C standardization, with Chrome leading support ahead of other browsers.
The stakes: Early adoption risks browser compatibility issues and potential performance overhead as functions are recalculated client-side.
Commenters say: Many express concern about CSS complexity increasing and Chrome front-running standards, suggesting preprocessors might be better for performance.