|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- # function-whitelist
-
- **_Deprecated: Instead use the [`function-allowed-list`](../function-allowed-list/README.md) rule._**
-
- Specify a list of allowed functions.
-
- <!-- prettier-ignore -->
- ```css
- a { transform: scale(1); }
- /** ↑
- * This function */
- ```
-
- ## Options
-
- `array|string`: `["array", "of", "unprefixed", /functions/ or "regex"]|"function"|"/regex/"`
-
- If a string is surrounded with `"/"` (e.g. `"/^rgb/"`), it is interpreted as a regular expression.
-
- Given:
-
- ```
- ["scale", "rgba", "linear-gradient"]
- ```
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a { transform: rotate(1); }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: hsla(170, 50%, 45%, 1)
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- background:
- red,
- -webkit-radial-gradient(red, green, blue);
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a { background: red; }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a { transform: scale(1); }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: rgba(0, 0, 0, 0.5);
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- background:
- red,
- -moz-linear-gradient(45deg, blue, red);
- }
- ```
|