no-unknown-custom-media

Disallow unknown custom media queries.

@custom-media --sm (min-width: 40rem);
/**             ↑
*   This custom media query name */

@media (--sm) {}
/**      ↑
*   And this one */

This rule considers custom media queries defined within the same source to be known.

The message secondary option can accept the arguments of this rule.

Options

The following patterns are considered problems:

@media (--sm) {}

@media (--sm), (max-height: 40rem) {}

The following patterns are not considered problems:

@custom-media --sm (min-width: 40rem);

@media (--sm), (max-height: 40rem) {}

Note

The @custom-media name can be used before its declaration

@media (--lg) {}

@custom-media --lg (min-width: 60rem);