Open Props Cooks Up @custom-media Recipes
Firefox Nightly has quietly shipped support for the @custom-media at-rule, though it's currently tucked behind a flag rather than documented in the official release notes. Adam Argyle flagged the news, pointing developers to the feature's experimental status.
The payoff for CSS authors is real: instead of retyping verbose conditions like @media screen and (prefers-reduced-motion: no-preference) repeatedly, @custom-media lets you register shorthand aliases for those queries. It's a small quality-of-life win for anyone weary of memorizing exact @media syntax.
For a head start, Argyle's Open Props project maintains a collection of more than 45 ready-made @custom-media definitions — practical templates you can lift directly into your own stylesheets.
