Sort CSS declarations in a certain order.
npm install prettier-plugin-css-orderA Prettier plugin to sort CSS, SCSS or Less declarations based on their property names.
Using css-declaration-sorter under the hood.
npm install prettier-plugin-css-order --save-devTo enable the plugin use the Prettier API, CLI or configuration file. For example using the JS configuration:
``js`
{
plugins: ["prettier-plugin-css-order"]
}
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