CSS Order Prettier Plugin

[![npm][npm-badge]][npm]

A Prettier plugin to sort CSS, SCSS or Less declarations based on their property names.
Using css-declaration-sorter under the hood.

Usage

Following the Prettier plugin guidelines, this package depends on Prettier as a peer dependency:
npm install prettier-plugin-css-order --save-dev

To enable the plugin use the Prettier API, CLI or configuration file. For example using the JS configuration:
``js
{
plugins: ["prettier-plugin-css-order"]
}
`

$3


This plugin adds two configurable keys to Prettier:
- cssDeclarationSorterOrder defaults to concentric-css.
- cssDeclarationSorterKeepOverrides defaults to true, for a new codebase false is recommended.
- cssDeclarationSorterCustomOrder, an array of property names, their order is used to sort with. This overrides the cssDeclarationSorterOrder` option!

[npm]: https://www.npmjs.com/package/prettier-plugin-css-order
[npm-badge]: https://tinyshields.dev/npm/prettier-plugin-css-order.svg