Skip to main content

custom-media-pattern

Specify a pattern for custom media query names.

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

Options#

regex|string

A string will be translated into a RegExp like so new RegExp(yourString) โ€”ย so be sure to escape properly.

Given the string:

"foo-.+"

The following patterns are considered violations:

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

The following patterns are not considered violations:

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