{"_id":"@coffeekraken/gridle","_rev":"5-0f9f258b997ba594994f612e67172b7d","name":"@coffeekraken/gridle","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.3":{"name":"@coffeekraken/gridle","version":"0.0.3","description":"Gridle grid system","homepage":"https://coffeekraken.io","scripts":{},"keywords":["coffee","kraken","coffeekraken","gridle","grid","system","sass","responsive"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","gitHead":"2b8f8ee90dadff470f7743ca5266821e08e24d79","_id":"@coffeekraken/gridle@0.0.3","_nodeVersion":"10.16.0","_npmVersion":"lerna/3.18.4/node@v10.16.0+x64 (darwin)","dist":{"integrity":"sha512-J6ofMA9RKUcLL8oIPt5Neo4kcUv82s2QQkHTehUlH0yM9J/J+JpPNmVJBn/UVWro56m1zhNcbNXmEPXp2vz/VQ==","shasum":"062fb8e1269edb1a650ce5432d7065f62a7a45d6","tarball":"https://registry.npmjs.org/@coffeekraken/gridle/-/gridle-0.0.3.tgz","fileCount":18,"unpackedSize":131534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzEBoCRA9TVsSAnZWagAAiFwP/1wuyRHpO1KGI6dQ+qTM\nVFSXx3zF4Yi8swxWlu61yjiaTyXSMWtVLYnpI+XgYblk4Q3SunPFKN/q584G\necE6puD3Qmhqx/gPcfEg78x8ECTppGup1fU/Cja8Qt09XB8O0AVz/Pew+TyY\nmDpJe4C1s8u5mnszIO27wMIDWf8SsFPrVfBia4c9SX2QoRLviePrB/qyQ647\nWtD2ibVn8EM4NjfwsWtkNz6iViU2D0Gykk7Hya2MyxWHNathxaCZ6iKRIm0t\ne7aP8WFsSdDYnscXK90SoN7HNOdTJVdtROJupg3b91BmWnoS52ryJcxjoyI7\nuJOL8RabMHRUhjbH8zimc87H4fAn6LcFCUCEYPRIDmnDbNQsC3YbGaP/G1CM\nyWDyHQQ9ECaL62fk7vzDR95M3/oRjf9giuKbPIPOuOZ/wa91jgDQtXxfUrYx\n3jVhMzIV9676FtSSW+PCPBxWXytr1UrbXpc71VCgorq1KdyNcTF12B5Yi8gw\nAOcEkL3NykT5ue1z0MWN9D9kyWc4B+XA9CooTJDa17RQq3oODphX7kbfFHAK\nDcknr5WZ6Pvap8PEBw8cbCP/Ti8N4Mgxkvn4GxNF+BD7VYjT0vGjy3MC9BT0\nahOGcrm8kL2EKIZuaxXT3Eet201gNseyU6cjHaRIAmFTNXp3hG0dPLFDfuph\nsZ4N\r\n=xptg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvq506VxQ/UDTBR6r/0JCyoLIpTHhf+PmGB187NyDwWQIgNG+sKQf2VauFRmGz2RMUHdA0WBsJuhMxFXk2TwB6+yg="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gridle_0.0.3_1573666920417_0.9412400445590166"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.4":{"name":"@coffeekraken/gridle","version":"0.0.4","description":"Gridle grid system","homepage":"https://coffeekraken.io","scripts":{},"keywords":["coffee","kraken","coffeekraken","gridle","grid","system","sass","responsive"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","gitHead":"439d0eac5d23f6337d3a6afda31f42cefe3ae0ba","_id":"@coffeekraken/gridle@0.0.4","_nodeVersion":"10.16.0","_npmVersion":"6.13.0","dist":{"integrity":"sha512-aMtC2CF7QG9jzpRBpgGlqw/tYCp+bDU7dmbkyiKW28NMIdMDvGuTPhSKrx8nV0h174JZkXOVhrED5l1d4pTqgg==","shasum":"dbc8b6d324bbaa0b6d00cfdb66429f04cd5e4672","tarball":"https://registry.npmjs.org/@coffeekraken/gridle/-/gridle-0.0.4.tgz","fileCount":18,"unpackedSize":131534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzEL+CRA9TVsSAnZWagAA3HcP/1v80obRsd3GwunoifE4\noDxJTCxv8r2wg/HtKD7TepCigltAACmWcbbE4yYQNAfGX1Ror1i7+tPl7r8O\nCga42fTX2ynHoIujz/DJDB1jfL48NHJfvHDzP5dpur9kJmlTbiCkvORv/J7k\no5y1GEJP2II6CzntMdnnE8ov7hwuz7zeBT3fMiqvuFUHM5CSldcJqV55p7hB\nxgYtWRLdGql91UHdOHvHCf2fATA/tljl6CVM6RsgXrS/V5KJbQoBcCbq0y94\njjMquEk1fRCkCyM/tHzOTZ7rATlH958YN/TmUSheeiDvy8sMSUpK11Jem+ig\nJMIXQ8TcAxFFc7RqUmeEQT7wzZkGb7HeL5h3QuiZcj2S//ar8ssSGo5zdxk7\nrgwCi+Z6rpzub8Aqz+8IKmiZxPS+1mLgnod0Q9nE1PcStd4NapaUy2rToYw6\nnlML1h0icrVpHhQIWofcSXoPlF5x8LrVrkjd+GUOr5LV0LkV4U41zrnTTcOm\nYAtStDWK5BSLWsQ9ujYz4/0aI5R03B/q23o5sbGXc2Xjz0Bfy7gQgIQsNVx9\nhDIoPLRR7dsOp5aIzumtIR84AWzLb0dYHYUd62prB75bDaaRKQE7Cvb1KJkX\nkxWfxDEG2Za6eAZjv18bEb2Z+qPe9vDtUJdF7IISYyF/by9eZpUJo6zJIlmB\nzdpY\r\n=AJpY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDFF1NP8pbBn7NMFgBcDXcySX7eXpOYt4pAqf8aE9uLfAiEAuxaXu3e63aVbP0hfGfy/YzEED9VPjTKQzY7XfqZERcY="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gridle_0.0.4_1573667582349_0.40533074268563407"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.5":{"name":"@coffeekraken/gridle","version":"0.0.5","description":"Gridle grid system","homepage":"https://coffeekraken.io","keywords":["coffee","kraken","coffeekraken","gridle","grid","system","sass","responsive"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","gitHead":"439d0eac5d23f6337d3a6afda31f42cefe3ae0ba","_id":"@coffeekraken/gridle@0.0.5","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-qHl6ZhNmondaOczZ3yFEnfM4Dlc+KoSoZrvheBB4nwudTC1w6bqxJThqWvriUyN6NVliTtW3eS4VjHzKQGiZ1A==","shasum":"fdbaa8d859cc7a2bff3d0c2bafde6e35d0ac8981","tarball":"https://registry.npmjs.org/@coffeekraken/gridle/-/gridle-0.0.5.tgz","fileCount":23,"unpackedSize":183356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd59NSCRA9TVsSAnZWagAA4acP/28FL7jNsVI9l10eAw1c\nU6Yde56vpXZta06qOc7FgVT2GUGwPOK+XfPSMbNjWOe1z8THphBM1zLq2jBc\nmvr20lmERRCY5VCPzHKzqzTg2Yr7Su+X31S7w50xumyp4xxgKEerZsPGMVUq\nBD9ga0CZopATSBgowx1QC9+I37iVHRUBskeOUJGwpJMOdqNOtfgBJ7sT/8aC\nowYOhLHjo3DfMQkF+qzE1bdLYf9JMOYhHPYNBoUM4ddPicUThCpUnEUYp9l+\nJeWFyOl+QPjvm3Txuw7JyidjGJXc2Zu4pGRoBtSXbsdIsO10ukhuB2gzqUuK\nJwe55AJKL5sm0cKCiepj/uIHTWbv5iEJTETTPbudwbZIFP/lshk/DOOxlOLg\nBaz55GvfU12xpB0oIOpqm92Oj8XROAKQshBIaJOplG+UzHipW/D1dJqXyLZ/\n8y/d/d+CFV4FJe5ysQ0m3Vm3AV2/fNDpZ9W2CWOYwEmqD2oLzW6bBO/DtuSk\nPzGwgO/4dcVe/Q9NOW89VXOTSSDHGberiOAjfcbuVg9kGGtGND5/1XRrqYS3\nusc5b0Rm1G9x3Ix5EL2dIrHsfRcr87BPpo8iUIueii0uG78gBZyxOtPXQ0S/\nyvSzvjxFxqqdG6yv7uv16A1JjIsNUYppI9iFxUCarZl9/DSPCnqhZcBU+GbI\njdxW\r\n=C6+p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL4hr4o6FQvRFpFijIJD9pAHjwLuvontxVrXOuQs88+wIgIbyl2SCc4Q1x258xzhODjVkiw9k0JhE4Q+fGqkNHedE="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gridle_0.0.5_1575474001526_0.8244825359020715"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.6":{"name":"@coffeekraken/gridle","version":"0.0.6","description":"Gridle grid system","homepage":"https://coffeekraken.io","repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/layout/gridle"},"keywords":["coffee","kraken","coffeekraken","gridle","grid","system","sass","responsive"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","gitHead":"439d0eac5d23f6337d3a6afda31f42cefe3ae0ba","_id":"@coffeekraken/gridle@0.0.6","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-wWIyF4dL9+og+bQN9kWaZ7he/pYimlbsLvNFLBcqGj+pSEzhKDziTa0VLghBbMbDmISrjeG5mrhSLbeo1vZYGQ==","shasum":"51ae5cbdebfbb7dd3f110390c53d39f460c9f276","tarball":"https://registry.npmjs.org/@coffeekraken/gridle/-/gridle-0.0.6.tgz","fileCount":23,"unpackedSize":183132,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+5RaCRA9TVsSAnZWagAA4l4P/1PC2UyujmxVT5jpwff1\ndjV+a/d06oQtjaQNB66RTBFAfHv2x9iQWbscgQ+BvkLhxmmzAiR3S++nueKb\nVtbuuJTBK5dUTY5bjyek+LkDpgutMIpsFegJwlo6fklYFygebObV6NAuirm6\nj9WVeRfyKKSNdLTio71FhmuPi5PdQxeAkTHzSZv2ypT+sTz0+GJw8aYSCHRg\nZYUe+YvfmgWd1HJlSq+00hUdjbWiGc+JyHsGhFnFClwnRZ54u2gnHiwJg9Zn\npHwunThZqG/CQdapXCluFzb+QqRt/YPLJkfTXGcq4C9u9FpuZuTn354Rumqs\niS9RBQe4Q13rIuyZWW/170FDOIItktq0UV4d1EPivT1JyWG+/EACh10aQeuJ\nGI7Ycz32PF+lGm6JfvfoubHBjuO/wv3gEbUkJtlp7rWXuj84PkTYYiDQMYY5\nu1ESxWiFrnYD4XcMEIaINVnSBzlO1SDwSpQ3Z/iOWop5PStFgkmkshCbHK8t\ntfbtU00bMe/ig9/4+yD9rrBN8VPPQnf6RWEfcrXb14YVPTpIGuh4lch3s3CG\nvhCzy1Z4PllTo/9rr7uHSXjzDWOyneYKlYAWv0bc9jTHMtbchi7xsMbY1ygI\n8LZwO+NzbsV+HsXSp05VgeQUGqSio2HfO/TsYFj4m+sIWmHxWPuVIl8H6+/c\nWGFD\r\n=WAYd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNQkTpBYeX72pqFBISo+bW8K0aQkOoOLn6vd87fI7TTQIgK6hWnnC234GmsFOjxdy2X55uA02W76z72L1hgr29bZA="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gridle_0.0.6_1576768598899_0.6601552407119575"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2019-11-13T17:42:00.195Z","0.0.3":"2019-11-13T17:42:00.577Z","modified":"2022-07-27T14:23:25.125Z","0.0.4":"2019-11-13T17:53:02.487Z","0.0.5":"2019-12-04T15:40:01.656Z","0.0.6":"2019-12-19T15:16:39.102Z"},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"description":"Gridle grid system","homepage":"https://coffeekraken.io","keywords":["coffee","kraken","coffeekraken","gridle","grid","system","sass","responsive"],"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"license":"MIT","readme":"![Gridle](.resources/gridle-head.png)\n\n# Gridle\n\nGridle is a simple but powerful and convenient grid that make use of the CSS grid model. It has been rewritten from the ground up to be more simple to use without loosing his principle goals that are the flexibility and his responsive capabilities.\n\n## Table of content\n\n1. [Install](#install)\n2. [Get started](doc/00.get-started.md)\n3. [Settings](doc/02.settings.md)\n4. [States](doc/02.states.md)\n5. [Classes](doc/03.classes.md)\n6. [Functions](doc/04.functions.md)\n7. [Mixins](doc/05.mixins.md)\n\n<a id=\"readme-install\"></a>\n## Install\n\nGridle is available through NPM. To install it, just launch this command line:\n\n```\nnpm i @coffeekraken/gridle --save\n```\n\n## Quick start\n\nImporting gridle\n\n```scss\n@use 'node_modules/@coffeekraken/gridle/index' as gridle;\n```\n\nConfigure your grid :\n\n```scss\n@include gridle.setup((\n\tcolumns: 12,\n\tcolumn-width: 60, // unitless value\n\twidth: 1200, // unitless value\n\tcontainer-width: 85vw, // absolute value\n\tcontainer-max-width: 1440px\n));\n```\n\nRegister states (media queries) (optional) :\n\n```scss\n@include gridle.register-state(tablet, (\n\tmin-width : 640px\n));\n@include gridle.register-state(desktop, (\n\tmin-width : 992px\n));\n\n// even with full custom queries :\n@include gridle.register-state (landscape, (\n\tquery : \"(orientation : landscape)\"\n));\n```\n\nGenerate all classes :\n\n```scss\n@include gridle.classes();\n```\n\nUse your grid in html :\n\n```html\n<div class=\"gr\">\n\t<div class=\"col col--12 hide@tablet\">\n\t\tHeader\n\t</div>\n\t<div class=\"col col--12 col--4@tablet\">\n\t\tContent\n\t</div>\n\t<div class=\"col col--12 col--4@tablet\">\n\t\tSidebar\n\t</div>\n</div>\n```\n\nCustomize your content look and feel with Gridle mixins\n\n```scss\n#sidebar {\n\tbackground : red;\n\n\t@include gridle.state(tablet) {\n\t\tbackground : green;\n\t}\n}\n```\n\n## Generate custom classes\n\nGridle allows you to generate custom classes that will be available for each of your states. Here's an exemple\n\n```scss\n@include gridle.custom-class('center') {\n\ttext-align : center;\n}\n```\n\nThis will produce the classes : center, center@tablet, center@desktop and center@landscape automatically\n\n# Coffeekraken\n\nWe are a young collective of front-end creative developers with one goal in mind. Build tools to make every team working day life better. This is our first and only concern. All our tools are build around that purpose.\nAll what we provide are some cool tools that you can use the way you want. These tools features cover a large scope of the front-end workflow (styleguide generation, colors/fonts management, etc...). You can use only the parts that you need and let the rest aside...\n\n[![Coffeekraken](.resources/coffeekraken-logo.jpg)](https://coffeekraken.io)\n","readmeFilename":"README.md","repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/layout/gridle"}}