{"_id":"@at-rules/grid","_rev":"1-aacccd6f58a5dbfd471b88a813694e05","name":"@at-rules/grid","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@at-rules/grid","version":"1.0.0","description":"Fully customisable flex grid","repository":{"type":"git","url":"git+ssh://git@github.com/at-rules/grid.git"},"bugs":{"url":"https://github.com/at-rules/grid/issues"},"homepage":"https://github.com/at-rules/grid#readme","license":"MIT","author":{"name":"Kyle Essex","email":"kylegavinessex@hotmail.com"},"main":"src/index.css","style":"src/index.scss","scripts":{"test":"jest --env=node","lint":"stylelint src/**/*.scss"},"dependencies":{"@at-rules/breakpoints":"^1.0","sass":"^1.34.0"},"devDependencies":{"glob":"^7.1.7","jest":"^27.0.3","sass-true":"^6.0.1","stylelint":"^13.13.1","stylelint-config-standard":"^22.0.0","stylelint-scss":"^3.19.0"},"sass":"src/index.scss","gitHead":"e8c53ce227631b5a533abcc75d82ed64a9b1df76","_id":"@at-rules/grid@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-lRB8FCHT+gzOrcJYpDsnIiGITN+IV/nFH1e9PZ1tKLDnxLmms8FgiFcjwHL02cZ+rRPCnOgaBLoufxSHoDE9BQ==","shasum":"4df456d5e214ed4bbac10e1749f1865b68c7294e","tarball":"https://registry.npmjs.org/@at-rules/grid/-/grid-1.0.0.tgz","fileCount":12,"unpackedSize":7912,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID9XBK6QhMNrZ50bU8oHfsaJMojRLcchNHo+6i+9azUrAiA2VLWR1Z9D/EhIeYbx4sjBIkcrwfMJATsEWP10tepd1A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihgUpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ6BAAllJEc8tDv2Jus+9xFzG+jzPNq1g+C6mys1px/1KWwSsAF4NJ\r\nCppuZxX1+OlzM2rYsZ0iG+aMqbLbj3HMNti2vJQfGiShtBsoNDLcu3fKdraz\r\ngALPF0TBYTlV9RaTdGksH2BYaQx2IKN4piNmQUIGtDGefKJ51C7/Zhn0nZsf\r\neczFkbnP+J4zW0wK7V2kpOQYm6eV8bdPojDb7KIczlubCY2P7Ytn7bxN5Z5z\r\nV0AN0lfcWrPkVU2ryNa4rC8EQjhbKi9xvCe4HBi1Qll0ZmBiLdfMeMSHe9+4\r\niY4qpueFNtb6f1IAyo2fBtXqD0JcnEPhVZFghahvsmHVnkSUFYgyplUGRzcN\r\nBJvipFcfTPUwtV5nNViO9QuK0etjMLO8xDK8EO3JUS2oIbKt5akDpKddOXpl\r\nLZFE42w6dlckNdR58jK5G2KXXg67XbpeKwrkxPkvZ4ooigEJYVw7UrFHD+Pb\r\nZn1PAE1TAJbmekL/5VA3ywJL4BNmZ7pFX3+x3bocN9fQ3jjnS9llPCeI8eDy\r\ne9FhyNd3deLZcWUo1d7g3UqA8r3MMoBS5hO7qDfwH5Nzc2FfjS9+rLv3zJxl\r\nfqo7u+VPKU/SJU/Q9YNKGh8krYQF8Gnpdw2wRx2AYYaPUq3sG47yDPOaaIzi\r\nK5s7Hz5kZ5i1ULbgQgKXAfCDvy1xtZPzEd0=\r\n=QC/D\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mressex","email":"kylegavinessex@hotmail.com"},"directories":{},"maintainers":[{"name":"mressex","email":"kylegavinessex@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_1.0.0_1652950313334_0.7637787304095416"},"_hasShrinkwrap":false},"1.0.1":{"name":"@at-rules/grid","version":"1.0.1","description":"Fully customisable flex grid","repository":{"type":"git","url":"git+ssh://git@github.com/at-rules/grid.git"},"bugs":{"url":"https://github.com/at-rules/grid/issues"},"homepage":"https://github.com/at-rules/grid#readme","license":"MIT","author":{"name":"Kyle Essex","email":"kylegavinessex@hotmail.com"},"main":"src/index.css","style":"src/index.scss","scripts":{"test":"exit","lint":"stylelint src/**/*.scss"},"dependencies":{"@at-rules/breakpoints":"^1.0","sass":"^1.34.0"},"devDependencies":{"glob":"^7.1.7","jest":"^27.0.3","sass-true":"^6.0.1","stylelint":"^13.13.1","stylelint-config-standard":"^22.0.0","stylelint-scss":"^3.19.0"},"sass":"src/index.scss","gitHead":"6a135d0a9004f4ff42cb145a428e033150752a2b","_id":"@at-rules/grid@1.0.1","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-mjuGWLKo9WrPv0PsjueQ4+UjZeaPI9TMEwA5nA41gpA9TzT3vnGcPQ6AKjVJRClhnckRAdNdzDqsMa4Vs5UEHw==","shasum":"fce5eb638f18cff290b2fa9672c23dac01169878","tarball":"https://registry.npmjs.org/@at-rules/grid/-/grid-1.0.1.tgz","fileCount":8,"unpackedSize":8158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEu6FcJoiz6EOhYFDDOdYslm61npCiNDYgyuDewcn8d6AiEAzc4MsPWzs1Fc4cSVcfgieRo62W3mseCC8wfAXW2KcOw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3x8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpebg/+JcKDnCDSsH33Cyb7QnuvrStNlivJgXDTqwv5+J7B6FCI2hUc\r\nKzso0QNIzLtPJD7tfhsP4sulrysvtOUZFWgQJxBO9IoEPT/7c8ma/hJdiE+p\r\nhIVMSE5n6kz9yN0QgVAG/Srxd5CySpumLm2H7AXxc+NCF5SdtlHLb4gbzOLJ\r\n48Prrl6ofOC2LTgQrIdMifr8Fx0aE6VYjnnLhloUVFOPORGj7FG0zMnY7MyB\r\nhyh7s1Nti1w1lte6pYJM0PzWdTjwAZQqBlSSSre68Dcko22nPUIg76uy9ueF\r\nDUiuW89ej6HwRpekqeMieeyvTHwYOKmr+vdFKzKm7KmVHNPfPEvbRKy1MdWg\r\nyUk59YRN5MVuEQNxEydfi8Vr+0dQONflGAgxSHVJVQ1mXRHu2bjoFho7PHd7\r\nrmaUISTT2tu88pNUUyx3dFMaJJ+M3nyytNUw8TPqCnDRVY9/KRQtLWMjw67V\r\nDvc618v2CDhgMBbye9ItzoWHs/WANEYA5q4k3qTUZwqbaAU0I26hMBDNhmBf\r\nR2e0PT87UGbVVRFCdrgTtxVGH0+vM6fTiFHZtPbVaaZ32RtNZIyn5Hh3uPs7\r\nzo4636DbfomxfrTUGqxXYFbgR/wUvpecytkCCXB5Trydd37BF7h5M8/7R0mf\r\nK3b8d9ulXwUpMhlgYKYaQggtygLqlNqSXYk=\r\n=tsep\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mressex","email":"kylegavinessex@hotmail.com"},"directories":{},"maintainers":[{"name":"mressex","email":"kylegavinessex@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_1.0.1_1653308540609_0.3787997688038973"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-19T08:51:53.248Z","1.0.0":"2022-05-19T08:51:53.514Z","modified":"2022-05-23T12:22:20.802Z","1.0.1":"2022-05-23T12:22:20.727Z"},"maintainers":[{"name":"mressex","email":"kylegavinessex@hotmail.com"}],"description":"Fully customisable flex grid","homepage":"https://github.com/at-rules/grid#readme","repository":{"type":"git","url":"git+ssh://git@github.com/at-rules/grid.git"},"author":{"name":"Kyle Essex","email":"kylegavinessex@hotmail.com"},"bugs":{"url":"https://github.com/at-rules/grid/issues"},"license":"MIT","readme":"# Grid\n**WIP**\nA Full customisable grid based off of Foundation (Flex Grid)\n\n## Variables Available\n\nBelow are the default variables, as this package uses @at-rules/breakpoints those variables will also be available\n```scss\n$grid-col-size: 12 !default;\n$grid-gutter: 1rem !default;\n$grid-max-width: 1140px !default;\n```\n\n## Usage\nThese classes are generated on import using @use. @at-rules/breakpoints is included  for  \nresponsive classes. \n\n## Classes\n\n```scss\n.grid-container // The grid container \n.grid-container .fluid // 100% width container\n\n.grid-x // The grid row\n\n.grid-margin-x // add a gutter to either side of the row > cell \n.grid-margin-y // adds a gutter above and below the row > cell\n\n.cell // Defines a cell within the grid\n```\n\n\n## Example \n```html\n<div class=\"grid-container\">\n  <div class=\"grid-x grid-margin-y grid-margin-x\">\n    <div class=\"cell auto\"> will fill the remaining space</div>\n    <div class=\"cell mobile-2\">2/12 by default or 2/($grid-col-size)</div>\n  </div>\n  <div class=\"grid-x\">\n    <div class=\"cell mobile-6\"> will take half</div>\n    <div class=\"cell mobile-6\"> will take half</div>\n  </div>\n</div>\n```\n\nIncludes all the breakpoints as prefixes mobile, phablet, tablet and desktop\nfrom 1 to 12/$grid-col-size\n```html\n<div class=\"mobile-1 phablet-8 laptop-9 desktop-12\"></div>\n```\n\nAlso include all of the above as offsets\n```html\n<div class=\"phablet-offset-2 phablet-9\">\n  for Phablet up (Large Phones) this column will be offset by 2 and fill 9 leaving 1 column on the right§\n</div>\n```\n","readmeFilename":"README.md"}