|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187 |
- # property-no-unknown
-
- Disallow unknown properties.
-
- <!-- prettier-ignore -->
- ```css
- a { heigth: 100%; }
- /** ↑
- * This property */
- ```
-
- This rule considers properties defined in the [CSS Specifications and browser specific properties](https://github.com/betit/known-css-properties#source) to be known.
-
- This rule ignores:
-
- - variables (`$sass`, `@less`, `--custom-property`)
- - vendor-prefixed properties (e.g., `-moz-align-self`, `-webkit-align-self`)
-
- Use option `checkPrefixed` described below to turn on checking of vendor-prefixed properties.
-
- ## Options
-
- ### `true`
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- colr: blue;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- my-property: 1;
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: green;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- fill: black;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- -moz-align-self: center;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- -webkit-align-self: center;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- align-self: center;
- }
- ```
-
- ## Optional secondary options
-
- ### `ignoreProperties: ["/regex/", /regex/, "string"]`
-
- Given:
-
- ```
- ["/^my-/", "custom"]
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- my-property: 10px;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- my-other-property: 10px;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- custom: 10px;
- }
- ```
-
- ### `ignoreSelectors: ["/regex/", /regex/, "string"]`
-
- Skips checking properties of the given selectors against this rule.
-
- Given:
-
- ```
- [":root"]
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- :root {
- my-property: blue;
- }
- ```
-
- ### `ignoreAtRules: ["/regex/", /regex/, "string"]`
-
- Ignores properties nested within specified at-rules.
-
- Given:
-
- ```
- ["supports"]
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @supports (display: grid) {
- a {
- my-property: 1;
- }
- }
- ```
-
- ### `checkPrefixed: true | false` (default: `false`)
-
- If `true`, this rule will check vendor-prefixed properties.
-
- For example with `true`:
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- -webkit-overflow-scrolling: auto;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- -moz-box-flex: 0;
- }
- ```
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- -moz-align-self: center;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a {
- -moz-overflow-scrolling: center;
- }
- ```
|