# stylelint-config-recess-order

> Recess-based property sort order for Stylelint.

Latest version **7.8.0** (published 2026-08-12) · ISC license · 0 weekly downloads

## Install

```sh
npm install stylelint-config-recess-order
pnpm add stylelint-config-recess-order
yarn add stylelint-config-recess-order
bun add stylelint-config-recess-order
```

## Health

**Score 65/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 7.8.0 |
| Published | 2026-08-12 |
| First published | 2017-01-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 22.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| Author | Jeff (https://tidaltheory.io) |
| Maintainers | stormwarning |
| Keywords | bootstrap, properties-order, property order, recess, stylelint, stylelint-config, stylelint-order |

## Links

- npm: https://www.npmjs.com/package/stylelint-config-recess-order
- Repository: stormwarning/stylelint-config-recess-order
- Homepage: https://github.com/stormwarning/stylelint-config-recess-order
- Issues: https://github.com/stormwarning/stylelint-config-recess-order/issues
- npm.io page: https://npm.io/package/stylelint-config-recess-order

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 7.8.0 (latest) — 2026-08-12
- 7.7.0 — 2026-03-17
- 7.6.1 — 2026-02-07
- 7.6.0 — 2026-01-21
- 7.5.0 — 2026-01-19
- 7.4.0 — 2025-10-16
- 7.3.0 — 2025-09-05
- 7.2.0 — 2025-08-11
- 7.1.0 — 2025-06-13
- 7.0.0 — 2025-06-13
- 6.1.0 — 2025-06-13
- 6.0.0 — 2025-01-17
- 5.1.1 — 2024-09-22
- 5.1.0 — 2024-08-21
- 5.0.1 — 2024-04-15
- … 35 more at https://npm.io/package/stylelint-config-recess-order/versions

## README

# Recess\* Property Order [<img src="https://s3.amazonaws.com/media-p.slid.es/uploads/467124/images/2872758/stylelint-icon-black.svg" alt="StyleLint" width="90" height="90" align="right">][stylelint]

[![npm version][npm-img]][npm-url]
[![npm downloads][npm-dls]][npm-url]
[![github issues][issues-img]][issues-url]

A [Stylelint] config that sorts CSS properties the way [Recess] did and
Bootstrap [did]/[does].

\*With some modifications & additions for modern properties.

## Usage

1.  Add [stylelint], [stylelint-order], and this package to your project:
    ```sh
    npm install --save-dev stylelint stylelint-order stylelint-config-recess-order
    ```
2.  Configure your Stylelint configuration file to extend this package:
    ```js
    module.exports = {
    	extends: ['stylelint-config-recess-order'],
    	rules: {
    		// Add overrides and additional rules here
    	},
    }
    ```

## Advanced

The default setup applies only the `'order/properties-order'` rule with the 
various property groups. If you need to configure other options for this rule,
the groups can be imported separately and the rule configured to your needs.

```js
const propertyGroups = require('stylelint-config-recess-order/groups')

module.exports = {
	extends: [], // Do not extend the config here.
	rules: {
		// Configure the rule manually.
		'order/properties-order': propertyGroups.map((group) => ({
			...group,
			emptyLineBefore: 'always',
			noEmptyLineBetween: true,
		})),
	},
}
```

> [!TIP]
> If you need the Recess property order for any Rust-based tooling, there’s now 
> [a crate for that]!

## References

[@mdo on CSS Property Order][mdo-order]

[npm-url]: https://www.npmjs.com/package/stylelint-config-recess-order
[npm-img]: https://img.shields.io/npm/v/stylelint-config-recess-order.svg?style=flat-square
[npm-dls]: https://img.shields.io/npm/dt/stylelint-config-recess-order.svg?style=flat-square
[issues-url]: https://github.com/stormwarning/stylelint-config-recess-order/issues
[issues-img]: https://img.shields.io/github/issues/stormwarning/stylelint-config-recess-order.svg?style=flat-square
[stylelint]: https://github.com/stylelint/stylelint
[stylelint-order]: https://github.com/hudochenkov/stylelint-order
[recess]: https://github.com/twitter/recess/blob/29bccc870b7b4ccaa0a138e504caf608a6606b59/lib/lint/strict-property-order.js
[did]: https://github.com/twbs/bootstrap/blob/f58997a0dae54dc98d11892afef9acb85bdc6a1e/.scss-lint.yml#L136
[does]: https://github.com/twbs/stylelint-config-twbs-bootstrap/blob/ad67be6e4ceb48809fa1dce13b7892f9d2018995/css/index.js#L38
[mdo-order]: https://markdotto.com/blog/css-property-order/
[a crate for that]: https://crates.io/crates/css_recess_order

---
_Source: https://npm.io/package/stylelint-config-recess-order · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._