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.31 kB
Markdown
# property-blacklist
**_Deprecated: Instead use the [`property-disallowed-list`](../property-disallowed-list/README.md) rule._**
Specify a list of disallowed properties.
<!-- prettier-ignore -->
```css
a { text-rendering: optimizeLegibility; }
/** ↑
* This property */
```
## Options
`array|string`: `["array", "of", "unprefixed", /properties/ or "regex"]|"property"|"/regex/"`|/regex/
If a string is surrounded with `"/"` (e.g. `"/^background/"`), it is interpreted as a regular expression. This allows, for example, easy targeting of shorthands: `/^background/` will match `background`, `background-size`, `background-color`, etc.
Given:
```
["text-rendering", "animation", "/^background/"]
```
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
a { text-rendering: optimizeLegibility; }
```
<!-- prettier-ignore -->
```css
a {
animation: my-animation 2s;
color: pink;
}
```
<!-- prettier-ignore -->
```css
a { -webkit-animation: my-animation 2s; }
```
<!-- prettier-ignore -->
```css
a { background: pink; }
```
<!-- prettier-ignore -->
```css
a { background-size: cover; }
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a { color: pink; }
```
<!-- prettier-ignore -->
```css
a { no-background: sure; }
```