{"library":"prettier-plugin-style-order","title":"Prettier Plugin Style Order","description":"A Prettier plugin that sorts CSS property declarations and groups related properties together. Version 0.2.2, released as a stable package. It follows a rational order (positioning, box model, typography, visual, animation, misc) similar to stylelint-config-rational-order. Unlike other CSS sorting tools, it integrates seamlessly with Prettier without requiring additional configuration. The plugin works with Prettier >= 1.13 and supports CSS, SCSS, and Less files. It is lightweight, has no runtime dependencies, and relies on postcss-sorting under the hood.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install prettier-plugin-style-order"],"cli":null},"imports":["const prettierPluginStyleOrder = require('prettier-plugin-style-order')","import { format } from 'prettier'; const result = await format(code, { parser: 'css', plugins: ['prettier-plugin-style-order'] })","npm install -D prettier-plugin-style-order (then Prettier auto-loads)"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// Install: npm install -D prettier prettier-plugin-style-order\n\n// Create a CSS file (example.css):\n// .example {\n//   color: red;\n//   display: flex;\n//   position: absolute;\n//   top: 0;\n//   background: blue;\n// }\n\n// Run: npx prettier --write example.css\n\n// Now example.css is sorted:\n// .example {\n//   position: absolute;\n//   top: 0;\n//   display: flex;\n//   color: red;\n//   background: blue;\n// }\n","lang":"javascript","description":"Installs the plugin and runs Prettier to sort CSS properties in a file.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}