stylelint/lib/rules/media-feature-name-whitelist/README.md

A mighty, modern CSS linter.

# media-feature-name-whitelist

Specify a whitelist 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) {}
```