Web platform features explorer - Custom media queries

The @custom-media CSS at-rule names a media query, which you can reuse in multiple @media rules.

Status

Limited availability

MDN documentation

@custom-media

Specifications

Media Queries Level 5 (#custom-mq), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See crbug.com/40781325
Chrome Android ❌ See crbug.com/40781325
Edge ❌ See crbug.com/40781325
Firefox ❌
Firefox for Android ❌
Safari ❌ See webkit.org/b/233820
Safari on iOS ❌ See webkit.org/b/233820

Developer signals

Votes: 10

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist