{"_id":"basscss-white-space","_rev":"9-49196f7bb49555dffe649d3a0f4c6464","name":"basscss-white-space","description":"White space margin and padding utilities module for Basscss","dist-tags":{"latest":"1.1.4"},"versions":{"1.0.0":{"name":"basscss-white-space","version":"1.0.0","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"https://github.com/basscss/utility-white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/utility-white-space/issues"},"homepage":"https://github.com/basscss/utility-white-space","gitHead":"d5f312f24190a74b6ff121e5227da1fc3803b036","_id":"basscss-white-space@1.0.0","scripts":{},"_shasum":"4fd02e70d1c4514b5cb9e978651f29c96c303bff","_from":".","_npmVersion":"2.5.1","_nodeVersion":"0.12.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"dist":{"shasum":"4fd02e70d1c4514b5cb9e978651f29c96c303bff","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.0.0.tgz","integrity":"sha512-RBK9+4Ey1jR0oSbxTrK5/0HYB2RJc1mUgGFTsMvcqUNt/pUapm7gYZaOUL6UrYUMzfnw/VftE0EA9XgbB9LhgQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGZpHTCcVSWq+jbsQKVHPZgDiLNnNH5akbczFqk+hLC1AiBagNxqzHcNg3gX5ienzvoIYMjSn1xzW2cI7ss95YfFiA=="}]}},"1.0.1":{"name":"basscss-white-space","version":"1.0.1","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"https://github.com/basscss/utility-white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/utility-white-space/issues"},"homepage":"https://github.com/basscss/utility-white-space","dependencies":{"basscss-defaults":"^2.0.1"},"gitHead":"827520cf432e2d42b3daf9bfd48b2d0be3d0eb7a","_id":"basscss-white-space@1.0.1","scripts":{},"_shasum":"1344a25f8724732efdd1ddbe931ab034300298c5","_from":".","_npmVersion":"2.5.1","_nodeVersion":"0.12.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"dist":{"shasum":"1344a25f8724732efdd1ddbe931ab034300298c5","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.0.1.tgz","integrity":"sha512-UTosr+7ZzANaBRO70DZvYJOKKKBPCi3R8e2WFnfk3xWW5kBGKV4pthuG7kQgq8TgvApR8EMRwlXT1ll1EhqFug==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChNyQwTD3JWFiWJGY8RiLMtvYEPOm4JYMr4m8xGm+9gAIhALssrcg8FjuewH67twWF4y8IQK+u/bsWkC/GZphfTcED"}]}},"1.1.0":{"name":"basscss-white-space","version":"1.1.0","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"https://github.com/basscss/utility-white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/utility-white-space/issues"},"homepage":"https://github.com/basscss/utility-white-space","dependencies":{"basscss-defaults":"^2.0.1"},"gitHead":"ddab7c59cbaac5e2365703c7b96fe906b3036511","_id":"basscss-white-space@1.1.0","scripts":{},"_shasum":"f7bcd463ce5ac4bb7b74302c1d2c0d5be8351266","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f7bcd463ce5ac4bb7b74302c1d2c0d5be8351266","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.1.0.tgz","integrity":"sha512-vq+JNMG84r3lH60HnkU21/ub49lOVBNaQLFLyZY7KbQaSfCaqLSNaGimuzMXVV3bnkOU8dRnoR72dhYfyp8R8g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF/nt0QuUBQZrb7dxc/IVZpKpMhonzA+BHL4yp+VBxbRAiBy+pMkSogMtbDFp9aEZ581LfM4wyOsynKwNlVk8YwamA=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.1.1":{"name":"basscss-white-space","version":"1.1.1","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"https://github.com/basscss/utility-white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/utility-white-space/issues"},"homepage":"https://github.com/basscss/utility-white-space","dependencies":{"basscss-defaults":"^2.0.1"},"gitHead":"3085052079a52692e03e5eeff8c5288f83f69b58","_id":"basscss-white-space@1.1.1","scripts":{},"_shasum":"542a00c930db72d6b165d73ad499722dc9d8e9e3","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"542a00c930db72d6b165d73ad499722dc9d8e9e3","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.1.1.tgz","integrity":"sha512-X1afO/v1sZxlI0o2DZBl0e4N6NtRvyr0UWfxA+naubj80af6KHD3x52xHj2NyiKZ5Z6LPr3LpuEijW1G4Cdx1w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBYnD14FO41EYgt+ql/Wp24Oe8MCTjJklKCC0OtKFgqSAiBGI8q6V3Zt2GCVpRsYTMNsGmPGii9qmPZhbTaTINWRFg=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.1.2":{"name":"basscss-white-space","version":"1.1.2","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/utility-white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/utility-white-space/issues"},"homepage":"https://github.com/basscss/utility-white-space","dependencies":{"basscss-defaults":"^2.0.1"},"gitHead":"9fa631073f6e77d58dca8d87fe6cbaec158aadc6","_id":"basscss-white-space@1.1.2","scripts":{},"_shasum":"baad21b14c6f5e3f0b9568c1eba74d075263eaea","_from":".","_npmVersion":"3.0.0","_nodeVersion":"0.12.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"baad21b14c6f5e3f0b9568c1eba74d075263eaea","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.1.2.tgz","integrity":"sha512-l6uQLUVWSWGMDSmAoiShMpvoZ+KYyR2DSO3NXjInAybI3Rt/y2my50oUEHc+Fu55aksyInl7gHrqR9867WakiQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtWg3Udyt7lztOlE0oS30eApifp+WLinqj9i5QTjOgawIhAPSHuT+msHBY4oVD4QLfwmiYPmQEHSfekVz5/WZmncMb"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.1.3":{"name":"basscss-white-space","version":"1.1.3","description":"White space margin and 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-white-space@1.1.3","scripts":{},"_shasum":"3db3400b340a9575d34a6c2c7c0618fec5b6707c","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"3db3400b340a9575d34a6c2c7c0618fec5b6707c","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.1.3.tgz","integrity":"sha512-zhcClJGqaCvVhEGcOz2K0SHUcRG42YlQ3gWfOZVeWdDX3hTaIQRokgKq/49AFSzzaj+R3EpO2VUMfNL3pAStpA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDd3JeiXP0RuDQPQdEpUp9lX3pnDGUlfo3L9iaixK/hlwIgQD6HPfXhBpGPzZ0p/vl7w9MtNefoNbs51hoWETH0cAc="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.1.4":{"name":"basscss-white-space","version":"1.1.4","description":"White space margin and padding utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/white-space.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/white-space/issues"},"homepage":"https://github.com/basscss/white-space","dependencies":{"basscss-defaults":"^2.0.1"},"gitHead":"850413483c24898ddee8dfcf6972a1079a5ddf14","_id":"basscss-white-space@1.1.4","scripts":{},"_shasum":"2662a6cc0ef1a16eedf153a19a578ac27cbb3389","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"2662a6cc0ef1a16eedf153a19a578ac27cbb3389","tarball":"https://registry.npmjs.org/basscss-white-space/-/basscss-white-space-1.1.4.tgz","integrity":"sha512-WXuCY91UGQmc0g7wFmRavCuyL+WQMvG8eNlTS1qOaugAbNWLNPWRNBUXmf7bDFdN2ZyLkBlHpumqrgqwZovVjw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoMRod+vk4DIJ6LLXVgLoQAyUieVLOUiLipL3VTlZrEwIhAIOcHANdBYt75nyL0qmV25xso5sLv/cJ1UX4tDXZnT99"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]}},"readme":"\nImmutable margin and 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 margin and 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>m</td> <td>Margin</td> </tr>\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\n## Margins\n\nChange or reset default margins using the white space scale.\nNegative x-axis margins are used to offset margins and padding of child elements.\nMargin auto is used to horizontally center block-level elements with a set width.\n\n```css\n.m0  { margin:        0 }\n.mt0 { margin-top:    0 }\n.mr0 { margin-right:  0 }\n.mb0 { margin-bottom: 0 }\n.ml0 { margin-left:   0 }\n\n.m1  { margin:        var(--space-1) }\n.mt1 { margin-top:    var(--space-1) }\n.mr1 { margin-right:  var(--space-1) }\n.mb1 { margin-bottom: var(--space-1) }\n.ml1 { margin-left:   var(--space-1) }\n\n.m2  { margin:        var(--space-2) }\n.mt2 { margin-top:    var(--space-2) }\n.mr2 { margin-right:  var(--space-2) }\n.mb2 { margin-bottom: var(--space-2) }\n.ml2 { margin-left:   var(--space-2) }\n\n.m3  { margin:        var(--space-3) }\n.mt3 { margin-top:    var(--space-3) }\n.mr3 { margin-right:  var(--space-3) }\n.mb3 { margin-bottom: var(--space-3) }\n.ml3 { margin-left:   var(--space-3) }\n\n.m4  { margin:        var(--space-4) }\n.mt4 { margin-top:    var(--space-4) }\n.mr4 { margin-right:  var(--space-4) }\n.mb4 { margin-bottom: var(--space-4) }\n.ml4 { margin-left:   var(--space-4) }\n\n.mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n.mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n.mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n.mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n.mx-auto { margin-left: auto; margin-right: auto; }\n```\n\n## Padding\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\n.p1  { padding:       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.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.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.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## Resetting Margins\n\nTo increase information density and to better align elements, remove default margins from typographic elements\nusing the margin utilities.\n\n```html\n<h1 class=\"m0\">No margin</h1>\n<h1 class=\"mt0\">No margin top</h1>\n<h1 class=\"mb0\">No margin bottom</h1>\n```\n\n## Add Spacing\n\nAdd spacing around elements using a combination of margin utilities.\n\n```html\n<div class=\"mxn1\">\n  <button class=\"btn btn-primary m1\">Button</button>\n  <button class=\"btn btn-primary m1\">Button</button>\n  <button class=\"btn btn-primary m1\">Button</button>\n</div>\n```\n\nThe negative margin utilities also work with padded children.\n\n```html\n<div class=\"border border-blue\">\n  <div class=\"mxn2\">\n    <div class=\"px2 border border-blue\">Padded div</div>\n  </div>\n</div>\n```\n\n## Center Elements\n\nBlock elements with a set width can be centered with `.mx-auto`.\n\n```html\n<div>\n  <img src=\"http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg\"\n    width=\"96\"\n    height=\"96\"\n    class=\"block mx-auto\" />\n</div>\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\">Margins and 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,\ncustomize and extend it before using it.\n\nFor larger scale projects, breakpoint-based responsive white space utilities are available in the `basscss-responsive-white-space` module (not included in the default Basscss).\n\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-13T04:23:24.313Z","created":"2015-04-11T15:58:00.843Z","1.0.0":"2015-04-11T15:58:00.843Z","1.0.1":"2015-04-11T19:32:13.854Z","1.1.0":"2015-06-26T13:41:03.557Z","1.1.1":"2015-06-26T15:48:57.868Z","1.1.2":"2015-06-29T19:58:26.681Z","1.1.3":"2015-12-17T23:02:48.647Z","1.1.4":"2016-02-01T16:57:21.978Z"},"homepage":"https://github.com/basscss/white-space","repository":{"type":"git","url":"git+https://github.com/basscss/white-space.git"},"author":{"name":"Brent Jackson"},"bugs":{"url":"https://github.com/basscss/white-space/issues"},"license":"MIT","readmeFilename":"README.md","keywords":["CSS","OOCSS","Basscss","Rework"]}