@maxmilton/stylelint-config

Stylelint configuration with support for XCSS via ekscss and an opinionated property order.

Property order defined as:

Note: Very new, seldom used, or poorly supported properties are not included in the groups.

1. Position
2. Box model & layout
3. Typography
4. Remaining properties sorted alphabetically

Installation

1. Add dependencies to your project:

npm install --save-dev @maxmilton/stylelint-config stylelint-config-standard

2. Add to your stylelint configuration:

.stylelintrc:

{
  "extends": ["stylelint-config-standard", "@maxmilton/stylelint-config"]
}

... or for custom syntax support:

{
  "extends": [
    "stylelint-config-standard",
    "@maxmilton/stylelint-config",
    "@maxmilton/stylelint-config/tailwind",
    "@maxmilton/stylelint-config/xcss"
  ]
}

Prior Art

This package is based on of the best ideas from:

• https://github.com/ream88/stylelint-config-idiomatic-order
• https://github.com/hudochenkov/stylelint-config-hudochenkov
• https://github.com/constverum/stylelint-config-rational-order
• https://github.com/stormwarning/stylelint-config-recess-order

License

MIT license. See LICENSE.

---

© 2025 Max Milton