@udyux/stylelint-order
Version:
[fork] A collection of order related linting rules for stylelint.
86 lines (66 loc) • 1.39 kB
Markdown
# properties-alphabetical-order
Specify the alphabetical order of properties within declaration blocks.
```css
a {
color: pink;
top: 0;
}
/** ↑
* These properties */
```
Shorthand properties *must always* precede their longhand counterparts, even if that means they are not alphabetized.
(See also [`declaration-block-no-shorthand-property-overrides`](https://stylelint.io/user-guide/rules/declaration-block-no-shorthand-property-overrides/).)
Prefixed properties *must always* precede the unprefixed version.
This rule ignores variables (`$sass`, `@less`, `--custom-property`).
## Options
### `true`
The following patterns are considered warnings:
```css
a {
top: 0;
color: pink;
}
```
```css
a {
border-bottom-color: pink;
border-color: transparent;
}
```
```css
a {
-moz-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
}
```
The following patterns are *not* considered warnings:
```css
a {
color: pink;
top: 0;
}
```
```css
a {
border-color: transparent;
border-bottom-color: pink;
}
```
```css
a {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
```
```css
a {
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
```
## Optional secondary options
### `disableFix: true`
Disable autofixing. Autofixing is enabled by default if it's enabled in stylelint configuration.