|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- # media-feature-name-whitelist
-
- **_Deprecated: Instead use the [`media-feature-name-allowed-list`](../media-feature-name-allowed-list/README.md) rule._**
-
- Specify a list of allowed media feature names.
-
- <!-- prettier-ignore -->
- ```css
- @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:
-
- <!-- prettier-ignore -->
- ```css
- @media (min-width: 50em) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media print and (min-resolution: 300dpi) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media (min-width < 50em) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media (10em < min-width < 50em) {}
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @media (max-width: 50em) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media (my-width: 50em) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media (max-width > 50em) {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media (10em < my-width < 50em) {}
- ```
|