{"_id":"@brandonkal/stylelint-config-rational-order","_rev":"1-dff718d06945b30c31fdb8a4e257f357","name":"@brandonkal/stylelint-config-rational-order","dist-tags":{"latest":"1.1.2"},"versions":{"1.1.2":{"name":"@brandonkal/stylelint-config-rational-order","version":"1.1.2","description":"Stylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.","author":{"name":"Constverum","email":"constverum@gmail.com"},"license":"Apache-2.0","main":"index.js","repository":{"type":"git","url":"git+https://github.com/constverum/stylelint-config-rational-order.git"},"bugs":{"url":"https://github.com/constverum/stylelint-config-rational-order/issues"},"scripts":{"lint":"eslint .","test":"jest"},"keywords":["stylelint","stylelint-config","stylelint-order","stylelint-plugin","properties-order","css property order","declaration-order","css declaration order","rational-css","order-css","order"],"dependencies":{},"devDependencies":{"@types/jest":"^24.0.17","@types/stylelint":"^9.10.1","eslint":"^5.16.0","eslint-config-airbnb-base":"^13.1.0","eslint-config-prettier":"^4.1.0","eslint-plugin-import":"^2.16.0","eslint-plugin-jest":"^22.4.1","eslint-plugin-prettier":"^3.0.1","jest":"^24.7.1","prettier":"^1.16.4","stylelint":"^10.1.0","stylelint-order":"^3.0.1"},"homepage":"https://github.com/constverum/stylelint-config-rational-order","peerDependencies":{"stylelint":"^10.1.0","stylelint-order":"^3.0.1"},"gitHead":"e954533e2e26204f72785d4e3c21ffceeeb1d02b","_id":"@brandonkal/stylelint-config-rational-order@1.1.2","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-HQjssUo2AnNP7WM8ENEYqqj0dk0zOKEbYngiJ43ZePX6t5fiMHFkSkTcEDkh4o5RE0rGtX8hun85Ch/6vEvznQ==","shasum":"4506712bad5a114fe0bb72a292f180258a0138b2","tarball":"https://registry.npmjs.org/@brandonkal/stylelint-config-rational-order/-/stylelint-config-rational-order-1.1.2.tgz","fileCount":21,"unpackedSize":32082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdfJOsCRA9TVsSAnZWagAACZIP/RmphHFp5Q/78soYkqCD\nX4MKTR8wgBBLFVGv7qsKVy/yhmEJ37cBINNxd5isVX1c7Qxv+RNHKelQu+vN\njBWxKhrp+weI446cMEQoMVU48ey8rc6trNaIpO7Nj/bpNd2/6SJMX3xhmpQC\nPaTRaM6IMk7V4PPReSIg7KovzUuP43ihZqopAeoX5+CmIuURsMulmveNbgxD\noYprJAS/Y+q2lUcAHf+VaVF8xud/IIoXaYKuQeNYpavQWRNbrJ3GGTo/agIu\noxzMdGJzLLNZkWv5Aog6pTDRqT9PkouOEg4f3bfeW5zdxWcuCfYdLiRANcon\nTLZEQNZquOIzXbjCB4J/AjkZaqfd7eADx4bu5XbX0ZdMQi2UvqYig/58kIQQ\ngG/65ravz8pklTJNabixLFpgIilgFb5GpQZ9WDrZRUbUukeDhOcaiEnVqLI9\nIuGbrRhnxs+I1bQAziGsrErq1KTUPmHLujjEW93mf0Zrf5IpXC9VNFTWBQaM\nkR2rJ9mK7IifEwN52mJvnvsW51suivnuZGSyxwB6Jda6gkZeZynTOk+eHhAH\na5qAmJvMYf89Zro2pwUTRQZi+JyBoI36W4hUnWIdDSZVkZuAdmua91/XOaxH\nYkmyz8invvEByKe56k+8ufElKbbgZkYxWrSz/xTt3WT1qXy63yUffqjloOFm\nEcee\r\n=RLLv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHFEwp3g1OmV6auKRIZnnGdo+ob0uLHWT/qJSpQo1kGnAiAiR0v3V5vnX4JVXAo7K/WkI3f8j+EgO0wtf5SieLfVww=="}]},"maintainers":[{"name":"brandonkal","email":"bwebservice@gmail.com"}],"_npmUser":{"name":"brandonkal","email":"bwebservice@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/stylelint-config-rational-order_1.1.2_1568445355346_0.6476289687166845"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-14T07:15:55.134Z","1.1.2":"2019-09-14T07:15:55.541Z","modified":"2022-04-04T20:25:18.159Z"},"maintainers":[{"name":"brandonkal","email":"bwebservice@gmail.com"}],"description":"Stylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.","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":{"type":"git","url":"git+https://github.com/constverum/stylelint-config-rational-order.git"},"author":{"name":"Constverum","email":"constverum@gmail.com"},"bugs":{"url":"https://github.com/constverum/stylelint-config-rational-order/issues"},"license":"Apache-2.0","readme":"# @brandonkal/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\nForked to use peer dependencies properly.\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"}