The CSS @custom-media at-rule allows creating aliases for media queries.
Experimental: Check browser support before using this in production.
The CSS @custom-media at-rule allows creating aliases for media queries. This is particularly valuable if you have long or complex media queries that you use multiple times across your codebase. The feature is similar in nature to a media query version of CSS custom properties (CSS variables).
Syntax
The syntax for defining an alias is:
@media (<dashed-ident>) [<media-query-list> | true | false ];
I built a type scale generator that exports CSS, Tailwind v3/v4 & Style Dictionary tokens - all in the browser
Why My CSS Selectors Kept Breaking (and How LLMs Fixed It)
Design Tokens vs Atomic CSS: A Failed Integration and the Path to Harmony
Build a custom HLS player in React with hls.js (no wrapper libraries)
CSS ellipsis is great. Until the string itself matters.
CSS Grid vs Flexbox: When to Reach for Which
How CSS clamp() works (and a free generator that does the math for you)
I built MDL — a tiny authoring language so you never write raw HTML again
An open-source CSS animation library with a live preview grid, creator suite, and community submissions
The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can accept arguments,…
Media Queries: Making Web Pages Responsive A Media Query is a CSS technique used to apply specific...
CSS :has() is not just a fancy :parent When :has() started popping up in specs and tweets, I...
CSS in 2026: Container Queries, Cascade Layers, and the End of Utility-Class Bloat CSS in...
Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces.…
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML),…
