{"_id":"8-point-grid","_rev":"10-7c662a9ac40c3c108557789da5a066f8","name":"8-point-grid","description":"The 8 point scss grid system","dist-tags":{"latest":"0.4.0"},"versions":{"0.2.0":{"name":"8-point-grid","version":"0.2.0","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"f97ab02d791c4e1c5e7b562c8ae0ef0a8280efbd","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid#readme","_id":"8-point-grid@0.2.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-HGbGmuWnZAqJfpyh4o700/jH1VBVlpHnhLYXTQommhGU4B2Q3xD0wi0iZ8fPtrW47T01NHwJ5leZYTDueF2GoQ==","shasum":"3a4a18404f3fa069aac562ac7636ec7a9c8372fa","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDmnVxeAcrN6P9MNOU/sdgr4rTfilnpKY6r/5iCOyPtKAiBrgHdCJdic6bxJOV9KUgc7PAIxPsjq8SSMQvHnB+toSQ=="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.2.0.tgz_1515407466805_0.7200772587675601"}},"0.3.0":{"name":"8-point-grid","version":"0.3.0","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"93ce10227d8f29625c1b35c1d9c6d1b4ae7ab559","_id":"8-point-grid@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-NevSsFe4Bl9D6VcpyclCJbPIR/b0+eElgNMedwB0UgjvubI2QrTC+waoBo5qb0AVOrwgJW0gmpDZUnWidPsQMw==","shasum":"fd06c7c065627b4bfa25eb8fde3e2bc8d897e1df","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpzEp6lJOb2j+JZ3cAhr4hPSAL9Xj1SVg/Nf6qE1foPAiEAgfFG/sfGMTgGylArdezsahXCoyfO+nCBO8/wT2/7aCc="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.0.tgz_1515407841742_0.26953971362672746"}},"0.3.1":{"name":"8-point-grid","version":"0.3.1","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"f0ae9e69e20bf1f8aace6ffe524495b6304ad1f4","_id":"8-point-grid@0.3.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-vxHtMPzaFGiElAUsLBAJYfZhKVk7TUTEtj6PKUZFlGth6Eq5TQvD/B8a+yMOgU35CNfq3i7iNWBgGVnFVjGH3w==","shasum":"4844b315d45ae62f61f2e69cb60cab3687a965e6","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9mC6ZYvbIoZQ5poCqTeTo2kLXk9OgsnQF2y7Kack4PQIhAOtK4zVbL4IBMcLcWravZqNh6bQ1PMSsSveiaRZSFaKG"}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.1.tgz_1515408127713_0.8039192068390548"}},"0.3.2":{"name":"8-point-grid","version":"0.3.2","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"a1ed23930808438ad227bed27263b2ad222fe97a","_id":"8-point-grid@0.3.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-mkPpj8d1AYnbB4j8sMIlPbrmClR3GBYtS3dDVwwNLC4/8HDNJmWnB869HNZ3TSz6aGQfIwMMz4lLd4mKbZz9Kw==","shasum":"dd1e372b7da0b359aa0225cde4058204a466d6a6","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKCJpcXj50IszznQSnBXXB22Xy5QmWGnI6z6Wzrt47iAIgInLohB4X6You41VexR/yboONjn1tYfhFQpZ/uNALS9c="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.2.tgz_1515408571306_0.7886644953396171"}},"0.3.7":{"name":"8-point-grid","version":"0.3.7","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"25491d5bfeef169e8aa8d069aa9cc2f0e8ea9277","_id":"8-point-grid@0.3.7","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-vt9RshyecyanvBngkgcpRdLUewRX4mi9Hwny8FRJstk1ZcJg8HXdZXowmcKoC9bm3cp4Fl8PtM4vV2RR0r/ptw==","shasum":"9f9491f3c8ce12ab5b87f2685d9c580a7cd728bb","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAVkWVcl/DjNNao3314fLinGGU1ednrq95dY3Ikqah6jAiAyi3e4lwWEgOlj5DotX+mii2qNqjp/IXRLgc+NMaAV0w=="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.7.tgz_1515411272718_0.4306947065051645"}},"0.3.8":{"name":"8-point-grid","version":"0.3.8","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"e340424ca7efe1c020295f5a2873283fff1c71c9","_id":"8-point-grid@0.3.8","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-/TCqS1CgczSodBHj7xVU3X2PDKizpWi/5u+oGC+bhyrWxuj8NimXNi65rYOlIVWjnqjU9c9jn9Q7/vt/OXo/cQ==","shasum":"d1ab5472c2c034fd010ab9420fb5cdfb25d80994","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHyHwuBcaz/FPzKJ1BwvecmKp2ZDWtF/VToLQ6WPVlMQIgGPxaUsqSQTZBRuHcFYCf8y824cnYKXO5SBCIACuZ97E="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.8.tgz_1515414424766_0.7251567603088915"}},"0.3.9":{"name":"8-point-grid","version":"0.3.9","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"f758ad542d8a54a6de250559cbf17ac78473b6ac","_id":"8-point-grid@0.3.9","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-ysSzr96Ie5J8q9M6p+l34X7lTANbys6ChGInWdD6zoRipJdhAQFh0/JNxJ8KPY1J9KT/qvuvSYU2jOfQNQvT8A==","shasum":"b1a06292023f937e8dde4728bfb8a85798e1cdb7","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.3.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBRUSsewzmjarbqdehe0JKcYnPzxMFMoP6ON73tEO/8AiAQ3CqeGqhe2LvjUvE0zQ98sbvvCUptTHmNyt2LWMpJ0g=="}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.3.9.tgz_1515578130877_0.452861042926088"}},"0.4.0":{"name":"8-point-grid","version":"0.4.0","description":"The 8 point scss grid system","scripts":{"dev":"node-sass scss/8-point-grid.scss -o dist","watch":"node-sass --watch scss -o dist","production":"node-sass --output-style compressed scss/8-point-grid.scss -o dist"},"keywords":["grid","8pt","8 point","point","scss","sass"],"author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"homepage":"https://github.com/sethne/8-point-grid","repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"devDependencies":{"node-sass":"^4.7.2"},"gitHead":"f17530a8d2058fd344ec64f7017cafc1597c1373","_id":"8-point-grid@0.4.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"sethne","email":"sethne@gmail.com"},"dist":{"integrity":"sha512-D4PtYBio8MAnPYJDPA3/aW5t6sDNvPx9JEXeht15mbFvD9Sn1+Q+Pd3abku0d8fdgpDDrofN8MjbmFfABY+unA==","shasum":"ee6e8d21161c1838cbf2e4e3dce7a87fe9715af2","tarball":"https://registry.npmjs.org/8-point-grid/-/8-point-grid-0.4.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsupR5FY4aqrYMi4QKfbI7+hRdnGf2bEdxQmqy2YfLogIhAO29Jo2h/eZBNlcYqcWzDSITYitwGkJ2dWpde9hWyB8R"}]},"maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/8-point-grid-0.4.0.tgz_1515765499815_0.8987742494791746"}}},"readme":"# ![8-point-grid](media/8-point-grid.png)\n\n> The 8 point scss grid system.\n\n### Installation\n```bash\nnpm install 8-point-grid --save\n```\n\nInclude scss in your build or use the [compiled](dist/8-point-grid.css) css file with the default settings.\n\n### Config\nCustomize [variables](scss/_variables.scss) to your liking.\n- `$prefix` whatever prefix you want, leave this empty if you want -classname\n- `$size` number of pixels you want your grid to be, ofc we use 8 :ok_hand:\n- `$multiplier` iterations of the size `$size * $multiplier`\n- `$line` line-height multiplier `line-height: $size * $multiplier * $line`\n\n### Usage\nClass name structure\n`.$prefix-prop-$multiplier`\n\n#### Avalible props\n\n**Margin**\n```\nm  - margin\nmt - margin-top\nmr - margin-right\nmb - margin-bottom\nml - margin-left\nmy - margin-top, margin-bottom\nmx - margin-left, margin-right\n```\n\n**Padding**\n```\np  - padding\npt - padding-top\npr - padding-right\npb - padding-bottom\npl - padding-left\npy - padding-top, padding-bottom\npx - padding-left, padding-right\n```\n\n**Size**\n```\nw - width\nh - height\ns - width, height\n```\n\n**Type**\n```\nfs - font-size\nlh - line-height\n```\n\n#### Example\nSo if you want 8px margin-top, its: `pg-mt-1`\n\nOr 64px font-size is: `pg-fs-8`\n\n[See all classes](dist/8-point-grid.css)\n\n\n### Sketch\nThis repo also contains a Sketch file with an 8 point grid. [Download Sketch file](https://github.com/sethne/8-point-grid/raw/master/media/8-point-grid.sketch)\n\nTo nudge a element in sketch 8px, go to `Sketch -> Preferences` and set move objects to 8 in the last input.\n\n### What is a 8 point grid?\n- https://spec.fm/specifics/8-pt-grid\n- https://blog.prototypr.io/the-8pt-grid-consistent-spacing-in-ui-design-with-sketch-577e4f0fd520\n- https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632\n- https://medium.com/sketch-app-sources/8-point-soft-grids-in-sketch-e8f1d5ca2cd4\n- https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-baseline-grids\n- http://harmony.intuit.com/grid/","maintainers":[{"name":"sethne","email":"sethne@gmail.com"}],"time":{"modified":"2022-04-04T10:24:31.571Z","created":"2018-01-08T10:31:08.129Z","0.2.0":"2018-01-08T10:31:08.129Z","0.3.0":"2018-01-08T10:37:23.103Z","0.3.1":"2018-01-08T10:42:07.863Z","0.3.2":"2018-01-08T10:49:32.108Z","0.3.7":"2018-01-08T11:34:33.858Z","0.3.8":"2018-01-08T12:27:06.490Z","0.3.9":"2018-01-10T09:55:32.048Z","0.4.0":"2018-01-12T13:58:21.088Z"},"homepage":"https://github.com/sethne/8-point-grid","keywords":["grid","8pt","8 point","point","scss","sass"],"repository":{"type":"git","url":"git+https://github.com/sethne/8-point-grid.git"},"bugs":{"url":"https://github.com/sethne/8-point-grid/issues"},"readmeFilename":"README.md","author":{"name":"Fredrik Sethne-Andersen","email":"sethne@gmail.com","url":"http://sethne.com"},"license":"MIT","users":{"maedvard":true,"sethne":true}}