{"_id":"basscss-padding","_rev":"9-75c04277dc7303dea729340e4fd57ae0","name":"basscss-padding","description":"Padding utilities module for Basscss","dist-tags":{"latest":"1.1.3"},"versions":{"1.0.0":{"name":"basscss-padding","version":"1.0.0","description":"Padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","dependencies":{"basscss-defaults":"^2.0.1"},"_id":"basscss-padding@1.0.0","scripts":{},"_shasum":"d1c113b84feb53d0eb2894278acd5b2aa7e6ecc2","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"d1c113b84feb53d0eb2894278acd5b2aa7e6ecc2","tarball":"https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.0.0.tgz","integrity":"sha512-BXE9hvdkdggLVRSJusvHfsmeBrVxfkp47LsX2/sZoaH80LiPtgAJoKYcNrRBbSuRGVT87WiJ9cGbuT3F5uDYUg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHbP0ZhSOOZeh314M4YntYuAHfEI2+7huuY57BUpQ4iUAiAlXLvy4EaC+cX4I7WcDAz/miiB/ar9Q8x+ImaMuYB2Gw=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.0.1":{"name":"basscss-padding","version":"1.0.1","description":"Padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","dependencies":{"basscss-defaults":"^2.0.1"},"_id":"basscss-padding@1.0.1","scripts":{},"_shasum":"2077ff3bf20395ebebe370e23ce4c632c944e500","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"2077ff3bf20395ebebe370e23ce4c632c944e500","tarball":"https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.0.1.tgz","integrity":"sha512-ucAxfn7vmY5Sp4eYslDxsF09YogNGNlDyMvjgRBWtK5EThaWK4kB9mec441xuPjCUP0VGZZwnktcNGaHBFvRsA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9HUMDhOdJZ0o0+s6Nt/omMzCWrKWOQrdjZumzmhjPcwIhAKKdAXDoQV6lJT5AT7aGCCzdt6XKP43z6yGvvQJCl3q7"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.1.0":{"name":"basscss-padding","version":"1.1.0","description":"Padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","_id":"basscss-padding@1.1.0","scripts":{},"_shasum":"0d4e95c0927636db5f0e14e315a6258a9015858f","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"0d4e95c0927636db5f0e14e315a6258a9015858f","tarball":"https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.1.0.tgz","integrity":"sha512-PBRSWtieam+ZrRK9DZqZ+B/as0Y/ulTOxPq89vEqDfvaWsRjHRk+uG9eFEmLNxsGtLennp8YJ4LF5yv7WUlwnw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICb4lisyd92YLkHXu+q/t7RPi+aYBtALC2B8xvTilWuLAiEAxrEIOIdSGj7ANxTw73JXbOY7CWqTsGusjopioAdWtIQ="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-8-eu.internal.npmjs.com","tmp":"tmp/basscss-padding-1.1.0.tgz_1454367548028_0.006438759388402104"}},"1.1.1":{"name":"basscss-padding","version":"1.1.1","description":"Padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","_id":"basscss-padding@1.1.1","scripts":{},"_shasum":"d352a562dcc74784eb12b15157f4c7ccf20543cc","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"d352a562dcc74784eb12b15157f4c7ccf20543cc","tarball":"https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.1.1.tgz","integrity":"sha512-mc7cljTkxyzRIfSAS4MVkR1Bm+le2rVbsjhRylBDXzI46WBFuJ4vFOSSEgYA2AAvgmjz471vXF171o1g2Jk2mg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICUtyalyb3qS8vw21/aeOzZdNxPYxUMWccU7kJ4gv1YoAiBMCoUYQqq7ZJn2v3Riy8eUesnKBiAt6tRd0dt1n6qgmw=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-5-east.internal.npmjs.com","tmp":"tmp/basscss-padding-1.1.1.tgz_1454437455170_0.8519987657200545"}},"1.1.3":{"name":"basscss-padding","version":"1.1.3","description":"Padding utilities module for Basscss","scripts":{"prepublish":"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/padding.css"},"devDependencies":{"autoprefixer":"^6.3.1","postcss-cli":"^2.5.0","postcss-custom-media":"^5.0.1","postcss-custom-properties":"^5.0.0","postcss-import":"^8.0.2"},"repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","_id":"basscss-padding@1.1.3","_shasum":"69db799414e6dd58bed83776952cc299e2e6874e","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"69db799414e6dd58bed83776952cc299e2e6874e","tarball":"https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.1.3.tgz","integrity":"sha512-pfqA7LgTpdR9lCh36IxWFNV4kZM53G1lnQlvC/2MzUu62XhvRDXD2uENGXWwJYKgaxRAdqdDoHZ0K23mRlk29g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUtTEh8s4s4+XaTc/RKy5DnqdRrlcpxWW8L5GiDMpangIhAM5WOfqyMyfCZVlYraoMC2oBcTc8WAW+ffq+rXmpttY4"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/basscss-padding-1.1.3.tgz_1454888788620_0.7795944113750011"}}},"readme":"\nImmutable padding utilities are based on a global white space scale defined with custom properties.\nThese can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser.\n\n## Naming Convention\n\nDue to the ubiquitous nature of setting padding,\nthese utilities use a shorthand naming convention.\n\n<div class=\"overflow-scroll\">\n  <table class=\"mb2 table-flush table-light\">\n    <thead>\n      <tr> <th>Shorthand</th> <th>Description</th> </tr>\n    </thead>\n    <tbody>\n      <tr> <td>p</td> <td>Padding</td> </tr>\n      <tr> <td>t</td> <td>Top</td> </tr>\n      <tr> <td>r</td> <td>Right</td> </tr>\n      <tr> <td>b</td> <td>Bottom</td> </tr>\n      <tr> <td>l</td> <td>Left</td> </tr>\n      <tr> <td>x</td> <td>X-axis (left and right)</td> </tr>\n      <tr> <td>y</td> <td>Y-axis (top and bottom)</td> </tr>\n      <tr> <td>n</td> <td>Negative (margin only)</td> </tr>\n      <tr> <td>0</td> <td>0 reset</td> </tr>\n      <tr> <td>1</td> <td>--space-1 (default .5rem)</td> </tr>\n      <tr> <td>2</td> <td>--space-2 (default 1rem)</td> </tr>\n      <tr> <td>3</td> <td>--space-3 (default 2rem)</td> </tr>\n      <tr> <td>4</td> <td>--space-4 (default 4rem)</td> </tr>\n    </tbody>\n  </table>\n</div>\n\nPadding utilities are only available in symmetrical orientations.\nThis is to normalize the spacing used around elements and maintain a consistent visual rhythm.\n\n```css\n.p0  { padding: 0 }\n.pt0 { padding-top: 0 }\n.pr0 { padding-right: 0 }\n.pb0 { padding-bottom: 0 }\n.pl0 { padding-left: 0 }\n.px0 { padding-left: 0; padding-right:  0 }\n.py0 { padding-top: 0;  padding-bottom: 0 }\n\n.p1  { padding:        var(--space-1) }\n.pt1 { padding-top:    var(--space-1) }\n.pr1 { padding-right:  var(--space-1) }\n.pb1 { padding-bottom: var(--space-1) }\n.pl1 { padding-left:   var(--space-1) }\n.py1 { padding-top:    var(--space-1); padding-bottom: var(--space-1) }\n.px1 { padding-left:   var(--space-1); padding-right:  var(--space-1) }\n\n.p2  { padding:        var(--space-2) }\n.pt2 { padding-top:    var(--space-2) }\n.pr2 { padding-right:  var(--space-2) }\n.pb2 { padding-bottom: var(--space-2) }\n.pl2 { padding-left:   var(--space-2) }\n.py2 { padding-top:    var(--space-2); padding-bottom: var(--space-2) }\n.px2 { padding-left:   var(--space-2); padding-right:  var(--space-2) }\n\n.p3  { padding:        var(--space-3) }\n.pt3 { padding-top:    var(--space-3) }\n.pr3 { padding-right:  var(--space-3) }\n.pb3 { padding-bottom: var(--space-3) }\n.pl3 { padding-left:   var(--space-3) }\n.py3 { padding-top:    var(--space-3); padding-bottom: var(--space-3) }\n.px3 { padding-left:   var(--space-3); padding-right:  var(--space-3) }\n\n.p4  { padding:        var(--space-4) }\n.pt4 { padding-top:    var(--space-4) }\n.pr4 { padding-right:  var(--space-4) }\n.pb4 { padding-bottom: var(--space-4) }\n.pl4 { padding-left:   var(--space-4) }\n.py4 { padding-top:    var(--space-4); padding-bottom: var(--space-4) }\n.px4 { padding-left:   var(--space-4); padding-right:  var(--space-4) }\n```\n\n## Box\n\nTo create a simple box component, use padding along with color utilities.\n\n```html\n<div class=\"p2 bg-white border rounded\">\n  A simple box\n</div>\n```\n\n```html\n<div class=\"overflow-hidden border rounded\">\n  <div class=\"p2 bold white bg-blue\">\n    Panel Header\n  </div>\n  <div class=\"p2\">\n    Panel Body\n  </div>\n  <div class=\"p2 bg-silver\">\n    Panel Footer\n  </div>\n</div>\n```\n\n<span class=\"red\">Padding should never be declared outside of these utilities.</span>\nThis is meant to help create consistency and avoid magic numbers.\nIf, for some reason, the default white space scale does not suit your design, customize and extend it before use.\n\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-13T04:23:18.905Z","created":"2015-12-18T02:48:59.861Z","1.0.0":"2015-12-18T02:48:59.861Z","1.0.1":"2016-02-01T17:18:15.199Z","1.1.0":"2016-02-01T22:59:10.670Z","1.1.1":"2016-02-02T18:24:16.343Z","1.1.3":"2016-02-07T23:46:31.101Z"},"homepage":"https://github.com/basscss/basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"author":{"name":"Brent Jackson"},"bugs":{"url":"https://github.com/basscss/basscss/issues"},"license":"MIT","readmeFilename":"README.md"}