{"_id":"basscss-layout","_rev":"5-71a23cf0f86f80db484eee03fe34f2d3","name":"basscss-layout","description":"Layout utilities module for Basscss","dist-tags":{"latest":"3.1.0"},"versions":{"3.0.0":{"name":"basscss-layout","version":"3.0.0","description":"Layout utilities module for Basscss","repository":{"type":"git","url":"git+https://github.com/basscss/basscss.git"},"keywords":["css","oocss","basscss"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/basscss/basscss/issues"},"homepage":"https://github.com/basscss/basscss","_id":"basscss-layout@3.0.0","scripts":{},"_shasum":"2b3397fd20c9301c52250b5c7caf6fa1cdbfc554","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"2b3397fd20c9301c52250b5c7caf6fa1cdbfc554","tarball":"https://registry.npmjs.org/basscss-layout/-/basscss-layout-3.0.0.tgz","integrity":"sha512-wv0QqpU8+mo2i/COn3zlw41BXwYw0Oxy4tj6Uul2buvh0nfNsC/r3ktasmhH8HoHCYhLH37ODdUf9IHcflOIzw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcQaO24WykpIotWBf+3zeu/aZsOPhYj93VmRBaL1y1twIgZ7ZZ2qyLqq55a/QZkvCs/zHBbvMzT0+ZyYy1EhDs6bc="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"3.0.1":{"name":"basscss-layout","version":"3.0.1","description":"Layout 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-layout@3.0.1","scripts":{},"_shasum":"3abaa2cddcfcc1d8d115c5224ebdce572266d9f7","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"3abaa2cddcfcc1d8d115c5224ebdce572266d9f7","tarball":"https://registry.npmjs.org/basscss-layout/-/basscss-layout-3.0.1.tgz","integrity":"sha512-qHoHo/W2DSHYbWXjeoR39PzEyxoUzLH+8G9Vtx1+GQ8iqgN9B/ExTK5Oy01XVZYODFThoOzMZ/i42RK34igTsQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGg/k0D0T6FkRDGFZXIl8+m4pt14ZW4vjAhiXV9KvTdAIhALa1Wcr4dDpkkhG8FbjbaBcMuHxIH/jpX8HxvHK7Ck3v"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/basscss-layout-3.0.1.tgz_1454708879505_0.9161027914378792"}},"3.1.0":{"name":"basscss-layout","version":"3.1.0","description":"Layout 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/layout.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-layout@3.1.0","_shasum":"f9f392e480da66657d9fe5de9ca4c07c579c3a4e","_from":".","_npmVersion":"3.3.6","_nodeVersion":"4.1.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f9f392e480da66657d9fe5de9ca4c07c579c3a4e","tarball":"https://registry.npmjs.org/basscss-layout/-/basscss-layout-3.1.0.tgz","integrity":"sha512-umKiuaeDS4THPPA/3N8UOO3wyubEKf+93Cm971QkAWLjDu2OrX5rOOAQC+tP+Q+OsMaAKvMNdZlA4kij+2y4nQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9XkrmNouyZqjXZx+wqEokvI5ykWCjKb9lLfVogOYd7AiEA1Lw4FUejKiDWC5S+tQj8glgVBvj5+jG3aoHsyhm6aow="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-5-east.internal.npmjs.com","tmp":"tmp/basscss-layout-3.1.0.tgz_1454957494147_0.08505819854326546"}}},"readme":"\nChange the default document flow with these display, float, and other utilities.\n\n## Display\n\nTo adjust the display of an element, use the `.block`, `.inline`, `.inline-block`, `.table`, and `.table-cell` utilities.\n\n```html\n<div class=\"inline\">inline</div>\n<div class=\"inline-block\">inline-block</div>\n<a href=\"#\" class=\"block\">block</a>\n<div class=\"table\">\n  <div class=\"table-cell\">table-cell</div>\n  <div class=\"table-cell\">table-cell</div>\n</div>\n```\n\n## Overflow\n\nTo adjust element overflow, use `.overflow-hidden`, `.overflow-scroll`, and `.overflow-auto`.\n`.overflow-hidden` can also be used to create a new block formatting context or clear floats.\n\n## Floats\n\nUse `.clearfix`, `.left`, and `.right` to clear and set floats.\n\n```html\n<div class=\"clearfix border\">\n  <div class=\"left border\">.left</div>\n  <div class=\"right border\">.right</div>\n</div>\n```\n\n## Max Width\n\nUse `.fit` to set max-width 100%.\n\n```html\n<div class=\"col-3\">\n  <img class=\"fit\" src=\"http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder.svg\" />\n</div>\n```\n\nUse max-width utilities to control the width of containers.\n\n```html\n<p class=\"max-width-1\">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n<p class=\"max-width-2\">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n<p class=\"max-width-3\">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n<p class=\"max-width-4\">Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n```\n\n## Box-Sizing Border-Box\n\nUse `.border-box` to set box-sizing border-box per element.\n\n```html\n<div class=\"col-6 p2 border-box border\">.border-box</div>\n```\n\n## Media Object\nCreate a media object using basic utilities.\n\n```html\n<div class=\"clearfix mb2 border\">\n  <div class=\"left p2 mr1 border\">Image</div>\n  <div class=\"overflow-hidden\">\n    <p><b>Body</b> Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n  </div>\n</div>\n```\n\n## Double-Sided Media Object\nFor a container with a flexible center, use a double-sided media object.\n\n```html\n<div class=\"clearfix mb2 border\">\n  <div class=\"left p2 mr1 border\">Image</div>\n  <div class=\"right p2 ml1 border\">Image</div>\n  <div class=\"overflow-hidden\">\n    <p><b>Body</b> Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>\n  </div>\n</div>\n```\n\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-13T04:23:17.331Z","created":"2015-12-17T23:55:25.345Z","3.0.0":"2015-12-17T23:55:25.345Z","3.0.1":"2016-02-05T21:48:01.933Z","3.1.0":"2016-02-08T18:51:35.458Z"},"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"}