prettier-plugin-css-order
prettier-plugin-css-order copied to clipboard
Prettier plugin to sort CSS declarations in a certain order.
CSS Order Prettier Plugin
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 postcss prettier-plugin-css-order --save-dev
To enable the plugin use the Prettier API, CLI or configuration file. For example using the JS configuration:
{
plugins: ["prettier-plugin-css-order"]
}
Configuration
This plugin adds two configurable keys to Prettier:
-
cssDeclarationSorterOrder
defaults toconcentric-css
. -
cssDeclarationSorterKeepOverrides
defaults totrue
, for a new codebasefalse
is recommended.