{"_id":"@1024pix/stylelint-config-rational-order","_rev":"7-6984edc4e84bd0614a46e7f21ec079b9","name":"@1024pix/stylelint-config-rational-order","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.2":{"name":"@1024pix/stylelint-config-rational-order","version":"0.1.2","keywords":["stylelint","stylelint-config","stylelint-order","stylelint-plugin","properties-order","css property order","declaration-order","css declaration order","rational-css","order-css","order"],"author":{"name":"Constverum","email":"constverum@gmail.com"},"license":"Apache-2.0","_id":"@1024pix/stylelint-config-rational-order@0.1.2","maintainers":[{"name":"yoandl","email":"yoan.de-luca@pix.fr"},{"name":"mickaelalibert","email":"mickael.alibert@pix.fr"},{"name":"mireillecampourcy","email":"mireille.campourcy@pix.fr"},{"name":"nicolas.lepage","email":"nicolas.lepage@zenika.com"},{"name":"vincenthardouin","email":"vincenthardouin@icloud.com"},{"name":"yann_bertrand","email":"npm@y.bertrand.bzh"},{"name":"pix-owner","email":"dev@pix.fr"}],"homepage":"https://github.com/constverum/stylelint-config-rational-order","bugs":{"url":"https://github.com/constverum/stylelint-config-rational-order/issues"},"dist":{"shasum":"aeb5caeddc143fc83f09352f79bddfc729df9fcd","tarball":"https://registry.npmjs.org/@1024pix/stylelint-config-rational-order/-/stylelint-config-rational-order-0.1.2.tgz","fileCount":21,"integrity":"sha512-vwVnAmeXGpcwYQuNdkKns2fpPxtiwvb1zhpaRccpIhdxvhKnzbaXKNjb5Hz+1yfGZUMkY/GkX1zUhA4aN+WA9w==","signatures":[{"sig":"MEQCIGqD3hMZyDF3cSHZXUlAl2Ks1F/q8HAEJIvZDEd2c2yBAiAC91YBYxQtKU/LRRd1uq1jbapRtqjrjVbUOaZl/hy7Pg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31870},"main":"index.js","gitHead":"1f93162ff1ac60e323cd43e9dd755d2d91da2f70","scripts":{"lint":"eslint .","test":"jest"},"_npmUser":{"name":"pix-owner","email":"dev@pix.fr"},"repository":{"url":"git+https://github.com/constverum/stylelint-config-rational-order.git","type":"git"},"_npmVersion":"8.19.4","description":"Stylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"stylelint":"^15.10.0","stylelint-order":"^6.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.0.0","eslint":"^8.50.0","prettier":"^3.0.0","eslint-plugin-jest":"^27.4.0","eslint-plugin-import":"^2.28.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","eslint-config-airbnb-base":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/stylelint-config-rational-order_0.1.2_1695630401736_0.03603966798837055","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@1024pix/stylelint-config-rational-order","version":"0.1.3","keywords":["stylelint","stylelint-config","stylelint-order","stylelint-plugin","properties-order","css property order","declaration-order","css declaration order","rational-css","order-css","order"],"author":{"name":"Constverum","email":"constverum@gmail.com"},"license":"Apache-2.0","_id":"@1024pix/stylelint-config-rational-order@0.1.3","maintainers":[{"name":"yoandl","email":"yoan.de-luca@pix.fr"},{"name":"mickaelalibert","email":"mickael.alibert@pix.fr"},{"name":"mireillecampourcy","email":"mireille.campourcy@pix.fr"},{"name":"nicolas.lepage","email":"nicolas.lepage@zenika.com"},{"name":"vincenthardouin","email":"vincenthardouin@icloud.com"},{"name":"yann_bertrand","email":"npm@y.bertrand.bzh"},{"name":"pix-owner","email":"dev@pix.fr"}],"homepage":"https://github.com/constverum/stylelint-config-rational-order","bugs":{"url":"https://github.com/1024pix/stylelint-config-rational-order/issues"},"dist":{"shasum":"aebee5ed120d9e0c4eed87b97260a860726789df","tarball":"https://registry.npmjs.org/@1024pix/stylelint-config-rational-order/-/stylelint-config-rational-order-0.1.3.tgz","fileCount":21,"integrity":"sha512-utqHV7+lq0yX4pryJWDMKIiOCnzpJfo96w3CIJeepwGAKVNvVMWPAJWDQbn8Dr25hJiG8kuyHIkav7rBnUZZhw==","signatures":[{"sig":"MEQCIH7gQyKbzaU08N5A+MDPBNTNO+hezLVxC6aJ1rJCtLsfAiBjmdfgv3TqVxq2TpndrMoDLqJWvl/LdVItUmBuPV8yEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31944},"main":"index.js","gitHead":"ab1872ef56ab6afafc7909dedb6da6e0f28005e9","scripts":{"lint":"node ./node_modules/eslint/bin/eslint.js .","test":"node ./node_modules/jest-cli/bin/jest.js"},"_npmUser":{"name":"nicolas.lepage","email":"nicolas.lepage@zenika.com"},"repository":{"url":"git+https://github.com/1024pix/stylelint-config-rational-order.git","type":"git"},"_npmVersion":"9.8.1","description":"Stylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.","directories":{},"_nodeVersion":"18.18.2","dependencies":{"stylelint":"^9.10.1","stylelint-order":"^2.2.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","eslint":"^5.16.0","prettier":"^1.16.4","eslint-plugin-jest":"^22.4.1","eslint-plugin-import":"^2.16.0","eslint-config-prettier":"^4.1.0","eslint-plugin-prettier":"^3.0.1","eslint-config-airbnb-base":"^13.1.0"},"_npmOperationalInternal":{"tmp":"tmp/stylelint-config-rational-order_0.1.3_1711360910815_0.19793812492471297","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-09-25T08:26:41.627Z","modified":"2026-08-21T13:06:27.188Z","0.1.2":"2023-09-25T08:26:41.925Z","0.1.3":"2024-03-25T10:01:51.011Z"},"bugs":{"url":"https://github.com/1024pix/stylelint-config-rational-order/issues"},"author":{"name":"Constverum","email":"constverum@gmail.com"},"license":"Apache-2.0","homepage":"https://github.com/constverum/stylelint-config-rational-order","keywords":["stylelint","stylelint-config","stylelint-order","stylelint-plugin","properties-order","css property order","declaration-order","css declaration order","rational-css","order-css","order"],"repository":{"url":"git+https://github.com/1024pix/stylelint-config-rational-order.git","type":"git"},"description":"Stylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.","maintainers":[{"email":"dev@pix.fr","name":"pix-owner"},{"email":"nicolas.lepage@zenika.com","name":"nicolas.lepage"}],"readme":"# stylelint-config-rational-order\n\n[![NPM version][version-img]][npm-url]\n[![NPM downloads][downloads-img]][npm-url]\n[![Build status][ci-img]][ci-url]\n[![License][l-img]][l-url]\n\nStylelint config that sorts related property declarations by grouping together following the order:\n\n1.  Positioning\n2.  Box Model\n3.  Typography\n4.  Visual\n5.  Animation\n6.  Misc\n\n```css\n.declaration-order {\n  /* Positioning */\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 10;\n\n  /* Box Model */\n  display: block;\n  float: right;\n  width: 100px;\n  height: 100px;\n  margin: 10px;\n  padding: 10px;\n\n  /* Typography */\n  color: #888;\n  font: normal 16px Helvetica, sans-serif;\n  line-height: 1.3;\n  text-align: center;\n\n  /* Visual */\n  background-color: #eee;\n  border: 1px solid #888;\n  border-radius: 4px;\n  opacity: 1;\n\n  /* Animation */\n  transition: all 1s;\n\n  /* Misc */\n  user-select: none;\n}\n```\n\n## Usage\n\n1.  Add `stylelint`, `stylelint-order` and this package to your project:\n\n```bash\nnpm install --save-dev stylelint stylelint-order stylelint-config-rational-order\n# or, if you prefer yarn over npm:\nyarn add --dev stylelint stylelint-order stylelint-config-rational-order\n```\n\n2.  Add this package to the end of your extends array inside Stylelint\n    configuration (.stylelintrc for example):\n\n```javascript\n{\n  \"extends\": [\n    // \"stylelint-config-standard\",\n    \"stylelint-config-rational-order\"\n  ]\n}\n```\n\nThis shareable config contains the following:\n```javascript\n{\n  \"plugins\": [\n    \"stylelint-order\",\n    \"stylelint-config-rational-order/plugin\"\n  ],\n  \"rules\": {\n    \"order/properties-order\": [],\n    \"plugin/rational-order\": [true, {\n      \"border-in-box-model\": false,\n      \"empty-line-between-groups\": false,\n    }]\n  }\n}\n```\n\nSince it adds `stylelint-order` and `stylelint-config-rational-order` to plugins and also adds required rules, you don't have to do this yourself when extending this config.\n\n\n## Optional options / rules\n\n#### border-in-box-model\n\nDefines to which group the **border** property belongs to.\n\nIf `true` **border** property belongs to the **box model section**.\nThe default value is `false` (**border** property belongs to the **visual section**).\n\n\n#### empty-line-between-groups\n\nIf `true` adds an empty line between groups. The default value is `false`.\n\n## FAQ\n\n<details>\n  <summary>Why should I use the rational order and group and sort CSS properties by type instead of alphabetical order?</summary>\n\n  The pros and cons of both ways in detail:\n\n* [Happy Potter and the Order of CSS](https://dev.to/thekashey/happy-potter-and-the-order-of-css-5ec)\n* [“Outside In” — Ordering CSS Properties by Importance](https://webdesign.tutsplus.com/articles/outside-in-ordering-css-properties-by-importance--cms-21685)\n</details>\n\n## Credits\n\n* [Code Guide by @mdo](http://codeguide.co/)\n* [Code Guide by HTML Academy](https://github.com/htmlacademy/codeguide)\n\n\n[npm-url]: https://www.npmjs.com/package/stylelint-config-rational-order\n[downloads-img]: https://img.shields.io/npm/dt/stylelint-config-rational-order.svg?style=flat-square\n[version-img]: https://img.shields.io/npm/v/stylelint-config-rational-order.svg?style=flat-square\n[ci-url]: https://travis-ci.org/constverum/stylelint-config-rational-order\n[ci-img]: https://img.shields.io/travis/constverum/stylelint-config-rational-order.svg?style=flat-square\n[l-url]: https://www.npmjs.com/package/stylelint-config-rational-order\n[l-img]: https://img.shields.io/npm/l/stylelint-config-rational-order.svg?style=flat-square\n","readmeFilename":"README.md"}