Skip to main content

media-feature-name-whitelist

Deprecated: Instead use the media-feature-name-allowed-list rule.

Specify a list of allowed media feature names.

@media (min-width: 700px) {}
/** โ†‘
* This media feature name */

Options#

array|string|regex: ["array", "of", "unprefixed", /media-features/ or "regex"]|"media-feature"|/regex/

Given:

["max-width", "/^my-/"]

The following patterns are considered violations:

@media (min-width: 50em) {}
@media print and (min-resolution: 300dpi) {}
@media (min-width < 50em) {}
@media (10em < min-width < 50em) {}

The following patterns are not considered violations:

@media (max-width: 50em) {}
@media (my-width: 50em) {}
@media (max-width > 50em) {}
@media (10em < my-width < 50em) {}