1 # media-feature-name-no-unknown
3 Disallow unknown media feature names.
6 @media (min-width: 700px) {}
8 * These media feature names */
11 This rule considers media feature names defined in the CSS Specifications, up to and including Editor's Drafts, to be known.
13 All vendor-prefixed media feature names are ignored.
15 Caveat: Media feature names within a [range context](https://www.w3.org/TR/mediaqueries-4/#mq-ranges) are currently ignored.
21 The following patterns are considered violations:
24 @media screen and (unknown) {}
28 @media screen and (unknown: 10px) {}
31 The following patterns are *not* considered violations:
34 @media all and (monochrome) {}
38 @media (min-width: 700px) {}
42 @media (MIN-WIDTH: 700px) {}
46 @media (min-width: 700px) and (orientation: landscape) {}
50 @media (-webkit-min-device-pixel-ratio: 2) {}
53 ## Optional secondary options
55 ### `ignoreMediaFeatureNames: ["/regex/", "string"]`
63 The following patterns are *not* considered violations:
66 @media screen and (my-media-feature-name) {}
70 @media screen and (custom: 10px) {}
74 @media (min-width: 700px) and (custom: 10px) {}