{"library":"prettier-plugin-rational-order","title":"prettier-plugin-rational-order","description":"Prettier plugin that sorts CSS property declarations into a rational order (positioning, box model, typography, visual, animation, misc). Version 1.0.3 is the latest stable release (no further releases since initial). It groups related properties together making styles more readable. Alternative to stylelint-based ordering like stylelint-config-rational-order, but works as a formatter instead of a linter. Supports CSS, SCSS, and Sass. Requires Prettier >=2.3.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install prettier-plugin-rational-order"],"cli":null},"imports":["// Plugin auto-loads when installed. No explicit import needed.","{\n  \"plugins\": [\"./node_modules/prettier-plugin-rational-order\"]\n}","npx prettier --write --plugin=prettier-plugin-rational-order '**/*.css'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"npm install --save-dev prettier prettier-plugin-rational-order\necho '{ \"plugins\": [\"./node_modules/prettier-plugin-rational-order\"] }' > .prettierrc\ncat <<EOF > test.css\n.declaration-order {\n  color: #333;\n  margin: 0;\n  position: absolute;\n  padding: 10px;\n  font-size: 16px;\n}\nEOF\nnpx prettier --write test.css\ncat test.css\n# Output will be grouped by rational order.","lang":"bash","description":"Install the plugin, configure Prettier, create a CSS file with mixed order, run prettier, and view the reordered output.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}