Skip to main content

media-feature-name-allowed-list

Specify a list of allowed media feature names.

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

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

Options

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

Given:

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

The following patterns are considered problems:

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

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