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 problems:

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

The following patterns are not considered problems:

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