1 | # media-feature-name-blacklist
|
2 |
|
3 | **_Deprecated: Instead use the [`media-feature-name-disallowed-list`](../media-feature-name-disallowed-list/README.md) rule._**
|
4 |
|
5 | Specify a list of disallowed media feature names.
|
6 |
|
7 |
|
8 | ```css
|
9 | @media (min-width: 700px) {}
|
10 | /** ↑
|
11 | * This media feature name */
|
12 | ```
|
13 |
|
14 | ## Options
|
15 |
|
16 | `array|string|regex`: `["array", "of", "unprefixed", /media-features/ or "regex"]|"media-feature"|/regex/`
|
17 |
|
18 | Given:
|
19 |
|
20 | ```
|
21 | ["max-width", "/^my-/"]
|
22 | ```
|
23 |
|
24 | The following patterns are considered violations:
|
25 |
|
26 |
|
27 | ```css
|
28 | @media (max-width: 50em) {}
|
29 | ```
|
30 |
|
31 |
|
32 | ```css
|
33 | @media (my-width: 50em) {}
|
34 | ```
|
35 |
|
36 |
|
37 | ```css
|
38 | @media (max-width < 50em) {}
|
39 | ```
|
40 |
|
41 |
|
42 | ```css
|
43 | @media (10em < my-height < 50em) {}
|
44 | ```
|
45 |
|
46 | The following patterns are _not_ considered violations:
|
47 |
|
48 |
|
49 | ```css
|
50 | @media (min-width: 50em) {}
|
51 | ```
|
52 |
|
53 |
|
54 | ```css
|
55 | @media print and (min-resolution: 300dpi) {}
|
56 | ```
|
57 |
|
58 |
|
59 | ```css
|
60 | @media (min-width >= 50em) {}
|
61 | ```
|
62 |
|
63 |
|
64 | ```css
|
65 | @media (10em < width < 50em) {}
|
66 | ```
|