{"_id":"basscss-ui-utility-groups","_rev":"14-5dccf3970b3ef3e10bbcde4c0d7de81d","name":"basscss-ui-utility-groups","description":"UI group utilities module for Basscss","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.1":{"name":"basscss-ui-utility-groups","version":"0.0.1","description":"UI group utilities module for BASSCSS","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","BASSCSS","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","_id":"basscss-ui-utility-groups@0.0.1","_shasum":"9b7ab6eec429bed0fc5c1f9c3b0031b0fa64ac8a","_from":".","_npmVersion":"1.4.9","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"dist":{"shasum":"9b7ab6eec429bed0fc5c1f9c3b0031b0fa64ac8a","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-0.0.1.tgz","integrity":"sha512-YNW1/KSUmY1H8hZdcKRxn0trfn8ohMSfnpyYw+nO07FiVSCcJagid+R+GJ14pVh4Cgv6AmMlG0o1qR7CCvGLzw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT4s5lFhPo2wsVIWV1pWpVYpiRzYWKjRiQbohx3zlC9wIgKPFV4KMix7w8Nrg13+aAU5/OWyRFaEeXq94/msJ1VAg="}]}},"0.0.2":{"name":"basscss-ui-utility-groups","version":"0.0.2","description":"UI group utilities module for Basscss","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","_id":"basscss-ui-utility-groups@0.0.2","dist":{"shasum":"1afc770745f5e3b0a1e007cc53c3f1ae7bcf397b","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-0.0.2.tgz","integrity":"sha512-hai9rJJrzSBB4jk+XBIVSwPC2fJPmqLzgBgd2RHbcxja0x1ApSy35bO3wIKCADF1Q5VbouiANJx7itQzlmmEmw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF7RVSfIVhtaz5b+nMAe6f/fTlEQYn9YXsoXZNwoytMAIhAN+tpfhf6ctCrxS2zYCXYjSIkC+w/ZaXtO8cJ5LZHGYP"}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"0.0.3":{"name":"basscss-ui-utility-groups","version":"0.0.3","description":"UI group utilities module for Basscss","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","_id":"basscss-ui-utility-groups@0.0.3","dist":{"shasum":"9c969775676c46532e735545ac90c38258513904","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-0.0.3.tgz","integrity":"sha512-Fyx1MHkn4V3D8bVPRPdMSe8KcB2DdAfgC3ZtLCGx2Uq2JgOU8T1paC+AjSH6RckKwBUfGhvtqn3WgmmWy4TRgQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA15JJnoQYL3SQsJ60dp/tfwac06aa9nLEdhUnYFLugRAiAbMy+RSx+dxQvoQxyKcKg8Ezu8jbVOVgEHIaj1TuA6BA=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"0.0.4":{"name":"basscss-ui-utility-groups","version":"0.0.4","description":"UI group utilities module for Basscss","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","basscss":{"category":"utility","optional":true},"_id":"basscss-ui-utility-groups@0.0.4","dist":{"shasum":"bb5ce2fe8691fb1bd27f999d8d952656a3944753","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-0.0.4.tgz","integrity":"sha512-pTDvfWmqXz/Kda5snJg0457+DA4+fLiTr6kgWlTCRez2JV1L7WXTNqaOGvGWkjFfARQb4NOdC/C8TS2bSXwpvA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDax+0tSmpP/1Y8rn0soG1RGSEJgq/U6KWmiPtF76efEQIgHx2FIsDPIS+Tic/cDwfCydR6adf/sbJM/U3okNYU3Dw="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.0.0":{"name":"basscss-ui-utility-groups","version":"1.0.0","description":"UI group utilities module for Basscss","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","basscss":{"category":"utility","optional":true},"_id":"basscss-ui-utility-groups@1.0.0","dist":{"shasum":"ad874f57a74fff648a4858dfab233384ef8fc23f","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-1.0.0.tgz","integrity":"sha512-nuoHvVeuoMr42NNm3LcPTmqGgLBmXmOmXpdSvPom55UzsC1J2XM193l5GZqaVz375tx6P/EfjX+WulM7ocrdzg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNars79qLnxaVWQenux5uRg1XpPOdmv/JSJ5GzpZ//zAiEA5EK+mXcQ+HDQzyBDPg0zOcsAEWY7RJJ2Omk1ls3G0Wk="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}]},"1.0.1":{"name":"basscss-ui-utility-groups","version":"1.0.1","description":"UI group utilities module for Basscss","repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"keywords":["CSS","OOCSS","Basscss","Rework"],"author":{"name":"Brent Jackson"},"license":"MIT","bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","basscss":{"category":"utility","optional":true},"gitHead":"bab27577a19621a28d38d77c07855827b1396f64","_id":"basscss-ui-utility-groups@1.0.1","scripts":{},"_shasum":"a099c8421003cc049c1f7593866705d99b013ec6","_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":"a099c8421003cc049c1f7593866705d99b013ec6","tarball":"https://registry.npmjs.org/basscss-ui-utility-groups/-/basscss-ui-utility-groups-1.0.1.tgz","integrity":"sha512-SVM3EX7bZ+OLFmVU9EtfOg/bifE4zXOA2pBNC8p/pC/3gREX59ZrKEno7A6w5qXpAfyNopp2S6zF3PsmjFUj3w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgHO2KUwq2kSL8LI4Xni/PSQTqWFyHKP2zx55MoLMOaAIhAKVtbj+rtbEH6/MChzOIBF61pB6+nVaJGsFld0naoJd/"}]}}},"readme":"# Basscss UI Utility Groups\n\nUI group utilities module for Basscss - http://basscss.com\n\nUse group utilities for fine-grained control over visually grouping buttons, form fields, and other elements.\n\n## Button Groups\nButton groups allow for more flexibility in establishing gestalt and controlling information density.\nUse a combination of layout utilities and color extensions to create button groups.\nThe utilities `.rounded-left`, `.rounded-right`,\nand `.not-rounded` can be used to override button and form field border radii.\n\n```html\n<div class=\"inline-block clearfix\">\n  <button type=\"button\" class=\"left button rounded-left is-active\">Burgers</button>\n  <button type=\"button\" class=\"left button border-left not-rounded\">Fries</button>\n  <button type=\"button\" class=\"left button border-left rounded-right\">Shakes</button>\n</div>\n```\n\nNormally, buttons with borders would double up when placed next to each other.\nThe `.x-group-item` utility adjusts negative margins and focus states to visually collapse borders.\nFunctionally, this is similar to how other frameworks handle button and form input groups,\nbut with more direct control over styling.\n\n```html\n<div class=\"inline-block clearfix\">\n  <button type=\"button\" class=\"left button x-group-item rounded-left\">Burgers</button>\n  <button type=\"button\" class=\"left button-outline x-group-item not-rounded\">Fries</button>\n  <button type=\"button\" class=\"left button-outline x-group-item rounded-right\">Shake</button>\n</div>\n```\n\nUse `.y-group-item` to group elements vertically.\n\n```html\n<div class=\"inline-block\">\n  <button type=\"button\" class=\"block full-width button y-group-item rounded-top\">Burgers</button>\n  <button type=\"button\" class=\"block full-width button-outline y-group-item not-rounded\">Fries</button>\n  <button type=\"button\" class=\"block full-width button-outline y-group-item rounded-bottom\">Shake</button>\n</div>\n```\n\n## Input Groups\n\nInput groups can be created by removing margins, adjusting border radii, and using the group utilities.\nThe `.hide` utility visually hides labels, while keeping them accessible to screen readers.\n\n```html\n<form class=\"sm-col-6\">\n  <label class=\"hide\">Pancakes</label>\n  <input type=\"text\" class=\"block full-width mb0 field-light rounded-top y-group-item\" placeholder=\"Pancakes\">\n  <label class=\"hide\">Making</label>\n  <input type=\"password\" class=\"block full-width mb0 field-light not-rounded y-group-item\" placeholder=\"Making\">\n  <label class=\"hide\">Bacon</label>\n  <input type=\"text\" class=\"block full-width field-light rounded-bottom y-group-item\" placeholder=\"Bacon\">\n  <button type=\"submit\" class=\"button\">Pancake</button>\n</form>\n```\n\nThe grid system can be used to control button or input group widths.\n\n```html\n<form class=\"clearfix\">\n  <label class=\"hide\">Bacon</label>\n  <input type=\"text\" class=\"col col-4 md-col-5 mb0 field-light rounded-left x-group-item\" placeholder=\"Bacon\">\n  <label class=\"hide\">Pancakes</label>\n  <input type=\"password\" class=\"col col-4 md-col-5 mb0 field-light not-rounded x-group-item\" placeholder=\"Pancakes\">\n  <button type=\"submit\" class=\"col col-4 md-col-2 button rounded-right\">Pancake</button>\n</form>\n```\n\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-13T04:23:22.994Z","created":"2014-12-11T19:29:03.696Z","0.0.1":"2014-12-11T19:29:03.696Z","0.0.2":"2014-12-24T20:53:28.310Z","0.0.3":"2014-12-24T20:59:22.136Z","0.0.4":"2014-12-28T23:51:56.794Z","1.0.0":"2015-01-19T23:19:02.586Z","1.0.1":"2015-02-24T05:23:29.870Z"},"homepage":"https://github.com/jxnblk/basscss-ui-utility-groups","keywords":["CSS","OOCSS","Basscss","Rework"],"repository":{"type":"git","url":"https://github.com/jxnblk/basscss-ui-utility-groups.git"},"author":{"name":"Brent Jackson"},"bugs":{"url":"https://github.com/jxnblk/basscss-ui-utility-groups/issues"},"license":"MIT","readmeFilename":"README.md"}