{"_id":"basscss-margin","_rev":"13-f84cfb1b45dbc3b3914ac7f2ab2f821c","name":"basscss-margin","description":"Margin utilities module for Basscss","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.0":{"name":"basscss-margin","version":"1.0.0","description":"Margin 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-margin@1.0.0","scripts":{},"_shasum":"1063fbbb185ca46f1f1359a444c2c10fc98bd72b","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"1063fbbb185ca46f1f1359a444c2c10fc98bd72b","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.0.tgz","integrity":"sha512-Nsm3pJCcv7KeIKv/GFr6ombTEny0mnWYA7Gzz3a7Tx1Wu9pHNzWgW1VSWt8qKT5aK5D6ZZE7m/cyUgdM5ttWfA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw2Oy/QgX3Q9znG3XJVBhOpCti9fMqESQm64e8AT/tbQIgBpdfZRAv9cYJY2T2ES+NZCWT4S71e7Xtt5N68lTduEk="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{}},"1.0.1":{"name":"basscss-margin","version":"1.0.1","description":"Margin 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-margin@1.0.1","scripts":{},"_shasum":"5a8484414c5ef6ebf4675e2ba32981b990c7d6f6","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"5a8484414c5ef6ebf4675e2ba32981b990c7d6f6","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.1.tgz","integrity":"sha512-ehLImgAay9IWC8qkWTRjAOKScEQbDcTR6zvEOZVUmFxpNdsAiSRKb9dRhfY+xzHefuVqJavyDhyw3m++JnKYTw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHJjm89waDSYLyQHRiIoITUiSaM+hVaUvntq+ye2hNTsAiAazdv4PbnFKOci+88zPXieg01y3dn08DM4s8eqwJFYiw=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{}},"1.0.2":{"name":"basscss-margin","version":"1.0.2","description":"Margin 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-margin@1.0.2","scripts":{},"_shasum":"d209167ce50194550ff887f4762bfe7129eb03b1","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"d209167ce50194550ff887f4762bfe7129eb03b1","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.2.tgz","integrity":"sha512-uow1Si28mkbiwJWUKK2+bmCIF6JZNcprSx840GzVX74QQjqpOoZM8Cm76GfZlo+zRHAVu+3mvFvyVEGlCZa/1A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9mgLIscQNslDNJpYY+W34diE9SlgdFREsfGfuGaHHGQIhAIlFwud0EHzNtw3JJBqNxNEAjk5V+cm7ozmbC3748yey"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-9-west.internal.npmjs.com","tmp":"tmp/basscss-margin-1.0.2.tgz_1454366941365_0.9758979543112218"},"directories":{}},"1.0.4":{"name":"basscss-margin","version":"1.0.4","description":"Margin 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-margin@1.0.4","scripts":{},"_shasum":"813dcc6961560503ebcd09b84dcd8ee182b0ec17","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"813dcc6961560503ebcd09b84dcd8ee182b0ec17","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.4.tgz","integrity":"sha512-0dnsiT0c18Lk+sJGyM2spB0NeUCWHYTFBu+5Sw8lTtlYz6VwlwnQL3eGqbLaASBID5g+r/3g18CJQG4LtwpraQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCM2jvuOLKiRmiITwc4YoUdI7GWdGc83IdC4a/z5fAsJAIhAJ4Kx31Z6E4iomfQWnJEZOUGObgZpmnSgaXF0VmHc39M"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-5-east.internal.npmjs.com","tmp":"tmp/basscss-margin-1.0.4.tgz_1454514218898_0.29633374768309295"},"directories":{}},"1.0.5":{"name":"basscss-margin","version":"1.0.5","description":"Margin 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-margin@1.0.5","scripts":{},"_shasum":"dd385fe9899ca4e868a636da64839e73d54a2168","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"dd385fe9899ca4e868a636da64839e73d54a2168","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.5.tgz","integrity":"sha512-vbzp7xgqvNLggAoWgXsmR0AqeHLswRZBd8askY9LNgXQ+NOMpQoxXLmEMtmyRJzUtIxT89A/BQJLK3GfF2HFDw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFepZVD1PCOBGBh+DOFfykKMZNNLKCXCh4KUyn9FsExQIhAN7n8w2iY4Lmo8mDjiXupLfnU6BQ5yATQqLouy9JucoS"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-9-west.internal.npmjs.com","tmp":"tmp/basscss-margin-1.0.5.tgz_1454708640174_0.3331113252788782"},"directories":{}},"1.0.7":{"name":"basscss-margin","version":"1.0.7","description":"Margin 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/margin.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-margin@1.0.7","_shasum":"5a92d8cda98ef391c73a15ede97b34b48886417c","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"5a92d8cda98ef391c73a15ede97b34b48886417c","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.7.tgz","integrity":"sha512-KEbcCSUu5Q4ENJ4FDiqIrzmUtOrx/F2UhwDs2RhYlrfxxqUyJt0ncqVNgd5Z+p19UiCgIOMvGc+wMU5QUIV0yw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyo6GdCpXyxOJBrxW9eiub8ICnC/BGZmKM/dMUO24R1QIgDONLOl14cWJYQ+b3B1bUftXFUCjgnts0XYNWMcbOPBo="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-5-east.internal.npmjs.com","tmp":"tmp/basscss-margin-1.0.7.tgz_1454888692085_0.14689910830929875"},"directories":{}},"1.0.8":{"name":"basscss-margin","version":"1.0.8","description":"Margin 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/margin.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-margin@1.0.8","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"integrity":"sha512-dFSPOMXZ7dIGl8epwsyi4b5mWtjMgwR9kNIybSinQkHJOk4HgFxy/1ra6PJvzxzyoCR/ekwDXPcIbICLhB9w1w==","shasum":"f9845a6eabc806b4ddcd956a461ac90a43d7e283","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.8.tgz","fileCount":4,"unpackedSize":10014,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8pWU7AM0jo3k0Y5FSfuNtWhAc2jyfSHZqJhPqSV6BgQIhALkTM3I4bsEtufRix+jY3m01JcO7I9zsWtxSHix2FcU+"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/basscss-margin_1.0.8_1519263337973_0.894445077564616"},"_hasShrinkwrap":false},"1.0.9":{"name":"basscss-margin","version":"1.0.9","description":"Margin 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/margin.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-margin@1.0.9","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"integrity":"sha512-wpF8tXrtzU+iMtLvfSgYJlpkIxChOlay3YumoI+yJ6IiOe5uMmEGUG8FWAIkC8QalkKDAURAqHmQ4nbuyUvyag==","shasum":"1e5800996ec8e8f362db4db52a51ece6d77a9fde","tarball":"https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.9.tgz","fileCount":4,"unpackedSize":10174,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblu9rCRA9TVsSAnZWagAAWAQP/2AFumPyYY8QY1fNU5rQ\n+adTK7mV9t5lwBzQfSikuKVgquqzLmLn9CPVeEBXVoTz1AanjcdKPWdoHJat\nMsbGl9KQjiK9/trIDCW9BJo7zwy6OKtBEFaJiHbAeCibDJKN8NEmYXkQsTHw\n3nEQsHCjTR5duxXNDKVnd2kmxPBJv5KmGJH7fJL4wvlBskRd5U8f/ntbL1Qm\n3MOhJeTrSxIYN+QNKaZZoVPlVG5ZYjyzDSEj7dvv0qCofFdmX/u81TfMGvbw\noExDcavGHuRAo4BPdbe6cuoM93WBmEy9EdJp+o9CPL2eZMc4+i4EZMmolC2S\nefljyQQ8sSYhbyOp5+0+wFQ4hIRCIPiHs54LJD3RpVGkE/gaurvU2zLtMt5R\nJF8sHfMMtr0KnMg56TDl2MRLR21pqMVl2OVzTDyHN202+US7nPbRKVogiPos\nm4qdFGbTZyEBR21Ilj5INoXlEIvNXF5/UqKVCgSbQfv0yI8UlMHld3a1EAm3\nm8BWhPc6YDKuhzOR6I7UGQ9whCqrMTq4E4CVAivz/DeIivVMDpKgucMy65OB\nyrtJS2DDKh89JTLg1MjcbSoHctIpkyRfUQz7B7s+brIgg8ordw7+uCHY4V88\nyVoxLUZaT4JJ5Z6Bt//DlyIZ5XecgJRGNr+xCycQtl25sWZp4i9GEmfpbbez\n9Tkv\r\n=KYYe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGFjl3CDj3ELuKj18E3A0JNnsCqzvcP57RSd0od0qezxAiEA0w9F2D9NYPTpIH/Oqqk3SKzXkRUbp3Be1Ty0gEf+vcQ="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/basscss-margin_1.0.9_1536618346419_0.6296654500122394"},"_hasShrinkwrap":false}},"readme":"\nImmutable margin 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,\nthese utilities use a shorthand naming convention.\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Shorthand Description
m Margin
t Top
r Right
b Bottom
l Left
x X-axis (left and right)
y Y-axis (top and bottom)
n Negative
0 0 reset
1 --space-1 (default .5rem)
2 --space-2 (default 1rem)
3 --space-3 (default 2rem)
4 --space-4 (default 4rem)
\n
\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.mx0 { margin-left: 0; margin-right: 0 }\n.my0 { margin-top: 0; margin-bottom: 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.mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }\n.my1 { margin-top: var(--space-1); margin-bottom: 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.mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }\n.my2 { margin-top: var(--space-2); margin-bottom: 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.mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }\n.my3 { margin-top: var(--space-3); margin-bottom: 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.mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }\n.my4 { margin-top: var(--space-4); margin-bottom: 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.ml-auto { margin-left: auto }\n.mr-auto { margin-right: auto }\n.mx-auto { margin-left: auto; margin-right: auto; }\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

No margin

\n

No margin top

\n

No margin bottom

\n```\n\n## Add Spacing\n\nAdd spacing around elements using a combination of margin utilities.\n\n```html\n
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
\n```\n\nThe negative margin utilities also work with padded children.\n\n```html\n
\n
\n
Padded div
\n
\n
\n```\n\n## Center Elements\n\nBlock elements with a set width can be centered with `.mx-auto`.\n\n```html\n\n```\n\n## Space Flexbox Items\n\nThe `.ml-auto`, `.mr-auto`, `.mt-auto`, and `.mb-auto` utilities can be used to add spacing around flexbox items.\n\n```html\n
\n
Hamburger
\n
Hot Dog
\n
\n\n
\n
Hamburger
\n
Hot Dog
\n
\n\n
\n
Hamburger
\n
Hot Dog
\n
\n```\n\nMargins should never be declared outside of these utilities.\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","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-13T04:23:17.889Z","created":"2015-12-18T02:44:31.542Z","1.0.0":"2015-12-18T02:44:31.542Z","1.0.1":"2016-02-01T17:18:03.125Z","1.0.2":"2016-02-01T22:49:03.636Z","1.0.4":"2016-02-03T15:43:40.237Z","1.0.5":"2016-02-05T21:44:02.533Z","1.0.7":"2016-02-07T23:44:53.263Z","1.0.8":"2018-02-22T01:35:38.080Z","1.0.9":"2018-09-10T22:25:46.569Z"},"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"}