Skip to main content


Specify a pattern for custom media query names.

@custom-media --foo (max-width: 30em);
/** ↑
* The pattern of this */

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



A string will be translated into a RegExp like so new RegExp(yourString) — so be sure to escape properly.

Given the string:


The following patterns are considered problems:

@custom-media --bar (min-width: 30em);

The following patterns are not considered problems:

@custom-media --foo-bar (min-width: 30em);