el-beeswarm
Version:
<div style="display: flex; padding: 1rem; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; display: flex;
67 lines (49 loc) • 1.14 kB
Markdown
# media-feature-name-blacklist
**_Deprecated: Instead use the [`media-feature-name-disallowed-list`](../media-feature-name-disallowed-list/README.md) rule._**
Specify a list of disallowed 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 (max-width: 50em) {}
```
<!-- prettier-ignore -->
```css
@media (my-width: 50em) {}
```
<!-- prettier-ignore -->
```css
@media (max-width < 50em) {}
```
<!-- prettier-ignore -->
```css
@media (10em < my-height < 50em) {}
```
The following patterns are _not_ 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 < width < 50em) {}
```