@custom-media

The @custom-media at-rule enables creating reusable aliases for media queries, reducing code duplication for complex or frequently-used queries.

• •Define aliases with --dashed-ident syntax for DRY code
• •Support complex logic with operators (and, or, not) and range syntax (>, <, =)
• •Nested aliases can reference other custom media queries for semantic conditions
• •JavaScript matchMedia() does not support custom media aliases
• •Progressive enhancement with PostCSS Custom Media extends browser support

This summary was automatically generated by AI based on the original article and may not be fully accurate.