[ { "path": "LICENSE.md", "content": "\n# The MIT License (MIT)\nCopyright (c) 2013 – 2016 Brent Jackson\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n" }, { "path": "README.md", "content": "\n# basscss-addons\n\nOptional modules to extend [Basscss](http://basscss.com)\n\nEach module is independently published to npm.\n\n## Example npm installation\n\n```\nnpm i -D basscss-responsive-margin\n```\n\n## CDN Links\n\nUsing https://unpkg.com, each module is available in compiled format.\n\n```\n\n```\n\n## Modules\n\n- [responsive-margin](/modules/responsive-margin)\n- [responsive-padding](/modules/responsive-padding)\n- [responsive-layout](/modules/responsive-layout)\n- [responsive-position](/modules/responsive-position)\n- [responsive-typography](/modules/responsive-typography)\n- [responsive-type-scale](/modules/responsive-type-scale)\n- [responsive-border](/modules/responsive-border)\n- [forms](/modules/forms)\n- [btn](/modules/btn)\n- [btn-outline](/modules/btn-outline)\n- [btn-primary](/modules/btn-primary)\n- [btn-sizes](/modules/btn-sizes)\n- [colors](/modules/colors)\n- [background-colors](/modules/background-colors)\n- [background-images](/modules/background-images)\n- [border-colors](/modules/border-colors)\n- [darken](/modules/darken)\n- [lighten](/modules/lighten)\n- [input-range](/modules/input-range)\n- [progress](/modules/progress)\n- [all](/modules/all)\n- [media-object](/modules/media-object)\n- [highlight](/modules/highlight)\n- [highlight-dark](/modules/highlight-dark)\n" }, { "path": "modules/all/.gitignore", "content": "\ncss\n" }, { "path": "modules/all/.npmignore", "content": "" }, { "path": "modules/all/README.md", "content": "\nThese utilities set [all](https://developer.mozilla.org/en-US/docs/Web/CSS/all) properties.\n\n```html\n
.all-inherit
\n\n
.all-inherit
\n
.all-initial
\n\n
.all-initial
\n
.all-unset
\n\n
.all-unset
\n```\n\n" }, { "path": "modules/all/index.css", "content": "/* Basscss All */\n\n.all-initial { all: initial }\n.all-unset { all: unset }\n.all-inherit { all: inherit }\n.all-revert { all: revert }\n\n" }, { "path": "modules/all/package.json", "content": "{\n \"name\": \"basscss-all\",\n \"version\": \"1.1.1\",\n \"description\": \"All utility for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u autoprefixer -o css/all.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/background-colors/.gitignore", "content": "\ncss\n" }, { "path": "modules/background-colors/.npmignore", "content": "" }, { "path": "modules/background-colors/README.md", "content": "\nUse this suite of background color utilities to directly style elements.\nThe color values used in this module are from [mrmrs/colors](http://clrs.cc/).\n\n## Background Colors\n\n```html\n
.bg-black
\n
.bg-gray
\n
.bg-silver
\n
.bg-white
\n
.bg-aqua
\n
.bg-blue
\n
.bg-navy
\n
.bg-teal
\n
.bg-green
\n
.bg-olive
\n
.bg-lime
\n
.bg-yellow
\n
.bg-orange
\n
.bg-red
\n
.bg-fuchsia
\n
.bg-purple
\n
.bg-maroon
\n
.bg-darken-1
\n
.bg-darken-2
\n
.bg-darken-3
\n
.bg-darken-4
\n
\n
.bg-lighten-1
\n
.bg-lighten-2
\n
.bg-lighten-3
\n
.bg-lighten-4
\n
\n```\n\n" }, { "path": "modules/background-colors/index.css", "content": "/* Basscss Background Colors */\n\n@import 'colors.css/src/_variables.css';\n\n.bg-black { background-color: var(--black) }\n.bg-gray { background-color: var(--gray) }\n.bg-silver { background-color: var(--silver) }\n.bg-white { background-color: var(--white) }\n\n.bg-aqua { background-color: var(--aqua) }\n.bg-blue { background-color: var(--blue) }\n.bg-navy { background-color: var(--navy) }\n.bg-teal { background-color: var(--teal) }\n.bg-green { background-color: var(--green) }\n.bg-olive { background-color: var(--olive) }\n.bg-lime { background-color: var(--lime) }\n\n.bg-yellow { background-color: var(--yellow) }\n.bg-orange { background-color: var(--orange) }\n.bg-red { background-color: var(--red) }\n.bg-fuchsia { background-color: var(--fuchsia) }\n.bg-purple { background-color: var(--purple) }\n.bg-maroon { background-color: var(--maroon) }\n\n" }, { "path": "modules/background-colors/package.json", "content": "{\n \"name\": \"basscss-background-colors\",\n \"version\": \"2.1.0\",\n \"description\": \"Background color styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u postcss-remove-root -u autoprefixer -o css/background-colors.css\"\n },\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\",\n \"postcss-remove-root\": \"0.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/background-images/.gitignore", "content": "\ncss\n" }, { "path": "modules/background-images/.npmignore", "content": "" }, { "path": "modules/background-images/README.md", "content": "\nThis module controls background size and position for background images.\n\n## Background Size\n\nUse the `.bg-cover` or `.bg-contain` utilities to control background size.\n\n```html\n
\n

.bg-cover

\n
\n```\n\n## Background Position\n\nUse background position utilities to control position.\n\n### .bg-center\n\n```html\n
\n

.bg-center

\n
\n```\n\n### .bg-top\n\n```html\n
\n

.bg-top

\n
\n```\n\n### .bg-right\n\n```html\n
\n

.bg-right

\n
\n```\n\n### .bg-bottom\n\n```html\n
\n

.bg-bottom

\n
\n```\n\n### .bg-left\n\n```html\n
\n

.bg-left

\n
\n```\n\n" }, { "path": "modules/background-images/index.css", "content": "/* Basscss Background Images */\n\n.bg-cover { background-size: cover }\n.bg-contain { background-size: contain }\n\n.bg-center { background-position: center }\n.bg-top { background-position: top }\n.bg-right { background-position: right }\n.bg-bottom { background-position: bottom }\n.bg-left { background-position: left }\n\n.bg-no-repeat { background-repeat: no-repeat }\n.bg-repeat-x { background-repeat: repeat-x }\n.bg-repeat-y { background-repeat: repeat-y }\n\n" }, { "path": "modules/background-images/package.json", "content": "{\n \"name\": \"basscss-background-images\",\n \"version\": \"0.1.1\",\n \"description\": \"Background image utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u autoprefixer -o css/background-images.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/border-colors/.gitignore", "content": "\ncss\n" }, { "path": "modules/border-colors/.npmignore", "content": "" }, { "path": "modules/border-colors/README.md", "content": "\nUse this suite of border color utilities to directly style elements.\nThe color values used in this module are from [mrmrs/colors](http://clrs.cc/).\n\n## Border Colors\n\n```html\n
\n
.border-black
\n
.border-gray
\n
.border-silver
\n
.border-white
\n
.border-aqua
\n
.border-blue
\n
.border-navy
\n
.border-teal
\n
.border-green
\n
.border-olive
\n
.border-lime
\n
.border-yellow
\n
.border-orange
\n
.border-red
\n
.border-fuchsia
\n
.border-purple
\n
.border-maroon
\n
\n```\n\n" }, { "path": "modules/border-colors/index.css", "content": "/* Basscss Border Colors */\n\n@import 'colors.css/src/_variables.css';\n\n.border-black { border-color: var(--black) }\n.border-gray { border-color: var(--gray) }\n.border-silver { border-color: var(--silver) }\n.border-white { border-color: var(--white) }\n\n.border-aqua { border-color: var(--aqua) }\n.border-blue { border-color: var(--blue) }\n.border-navy { border-color: var(--navy) }\n.border-teal { border-color: var(--teal) }\n.border-green { border-color: var(--green) }\n.border-olive { border-color: var(--olive) }\n.border-lime { border-color: var(--lime) }\n\n.border-yellow { border-color: var(--yellow) }\n.border-orange { border-color: var(--orange) }\n.border-red { border-color: var(--red) }\n.border-fuchsia { border-color: var(--fuchsia) }\n.border-purple { border-color: var(--purple) }\n.border-maroon { border-color: var(--maroon) }\n\n" }, { "path": "modules/border-colors/package.json", "content": "{\n \"name\": \"basscss-border-colors\",\n \"version\": \"2.1.0\",\n \"description\": \"Border color styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u postcss-remove-root -u autoprefixer -o css/border-colors.css\"\n },\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\",\n \"postcss-remove-root\": \"0.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/btn/.gitignore", "content": "\ncss\n" }, { "path": "modules/btn/.npmignore", "content": "" }, { "path": "modules/btn/README.md", "content": "\nBase structural styles, resets, and colors for buttons are set with this module.\nAll buttons share common padding and height, well suited for tap targets on touchscreen displays, and align with form inputs and selects.\n\nUse the `.btn` class to style buttons, input buttons, and links.\n\n```html\n
\n \n Link Button\n \n
\n```\n\nNote: adjusting the line-height and padding variables may require adjustments to form element variables to maintain vertical alignment.\n\nBy default elements with the `.btn` class have transparent backgrounds. Use color utilities or `.btn` color styles to adjust the appearance.\n\n" }, { "path": "modules/btn/index.css", "content": "/* Basscss Btn */\n\n.btn {\n font-family: var(--button-font-family);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n text-decoration: none;\n cursor: pointer;\n display: inline-block;\n line-height: var(--button-line-height);\n padding: var(--button-padding-y) var(--button-padding-x);\n margin: 0;\n height: auto;\n border: var(--border-width) solid transparent;\n vertical-align: middle;\n -webkit-appearance: none;\n color: inherit;\n background-color: transparent;\n}\n\n.btn:hover {\n text-decoration: none;\n}\n\n.btn:focus {\n outline: none;\n border-color: var(--darken-2);\n box-shadow: 0 0 0 3px var(--darken-3);\n}\n\n::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n:root {\n --border-width: 1px;\n --bold-font-weight: bold;\n --button-font-family: inherit;\n --button-font-size: inherit;\n --button-font-weight: var(--bold-font-weight);\n --button-line-height: 1.125rem;\n --button-padding-y: .5rem;\n --button-padding-x: 1rem;\n --darken-2: rgba(0, 0, 0, .125);\n --darken-3: rgba(0, 0, 0, .25);\n}\n\n\n" }, { "path": "modules/btn/package.json", "content": "{\n \"name\": \"basscss-btn\",\n \"version\": \"1.1.1\",\n \"description\": \"Button module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/btn.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/btn-outline/.gitignore", "content": "\ncss\n" }, { "path": "modules/btn-outline/.npmignore", "content": "" }, { "path": "modules/btn-outline/README.md", "content": "\nOutline button color style for use with the `.btn` base style.\n\n```html\n
\n \n Link Button\n \n
\n```\n\nBy default, `.btn-outline` inherits color from its parent.\nUse color utilities to adjust the color per button.\n\n```html\n
\n \n \n \n \n \n \n \n \n
\n\n
\n \n \n \n \n \n \n \n \n
\n```\n\n\n" }, { "path": "modules/btn-outline/index.css", "content": "/* Basscss Btn Outline */\n\n.btn-outline,\n.btn-outline:hover {\n border-color: currentcolor;\n}\n\n.btn-outline {\n border-radius: var(--border-radius);\n}\n\n.btn-outline:hover {\n box-shadow: inset 0 0 0 20rem var(--darken-1);\n}\n\n.btn-outline:active {\n box-shadow: inset 0 0 0 20rem var(--darken-2),\n inset 0 3px 4px 0 var(--darken-3),\n 0 0 1px var(--darken-2);\n}\n\n.btn-outline:disabled,\n.btn-outline.is-disabled {\n opacity: .5;\n}\n\n:root {\n --border-radius: 3px;\n --darken-1: rgba(0, 0, 0, .0625);\n --darken-2: rgba(0, 0, 0, .125);\n --darken-3: rgba(0, 0, 0, .25);\n}\n\n" }, { "path": "modules/btn-outline/package.json", "content": "{\n \"name\": \"basscss-btn-outline\",\n \"version\": \"1.1.0\",\n \"description\": \"Outline button color style module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/btn-outline.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/btn-primary/.gitignore", "content": "\ncss\n" }, { "path": "modules/btn-primary/.npmignore", "content": "" }, { "path": "modules/btn-primary/README.md", "content": "\nSolid button color style for use with the `.btn` base style.\n\n```html\n
\n \n Link Button\n \n
\n```\n\nBy default, `.btn-primary` has white text on a blue background.\n\nAdjust the default colors using the `--button-color` and `--button-background-color` custom properties.\n\n```css\n:root {\n --button-color: black;\n --button-background-color: silver;\n}\n```\n\nUse other color utilities to handle one-off exceptions.\n\n```html\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n```\n\n\n" }, { "path": "modules/btn-primary/index.css", "content": "/* Basscss Btn Primary */\n\n.btn-primary {\n color: var(--button-color);\n background-color: var(--button-background-color);\n border-radius: var(--border-radius);\n}\n\n.btn-primary:hover {\n box-shadow: inset 0 0 0 20rem var(--darken-1);\n}\n\n.btn-primary:active {\n box-shadow: inset 0 0 0 20rem var(--darken-2),\n inset 0 3px 4px 0 var(--darken-3),\n 0 0 1px var(--darken-2);\n}\n\n.btn-primary:disabled,\n.btn-primary.is-disabled {\n opacity: .5;\n}\n\n:root {\n --blue: #0074d9;\n --button-color: #fff;\n --button-background-color: var(--blue);\n --border-radius: 3px;\n --darken-1: rgba(0, 0, 0, .0625);\n --darken-2: rgba(0, 0, 0, .125);\n --darken-3: rgba(0, 0, 0, .25);\n}\n\n" }, { "path": "modules/btn-primary/package.json", "content": "{\n \"name\": \"basscss-btn-primary\",\n \"version\": \"1.1.0\",\n \"description\": \"Solid button color style module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/btn-primary.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/btn-sizes/.gitignore", "content": "\ncss\n" }, { "path": "modules/btn-sizes/.npmignore", "content": "" }, { "path": "modules/btn-sizes/README.md", "content": "\nThese utilities extend the `basscss-btn` styles to modify button sizes.\n\nTo change the line-height and padding but leave the font-size the same,\nuse button size extensions.\n\n```html\n\n\n\n\n```\n\n" }, { "path": "modules/btn-sizes/index.css", "content": "/* Basscss Btn Sizes */\n\n.btn-small {\n padding: var(--button-small-padding-y) var(--button-small-padding-x);\n}\n\n.btn-big {\n padding: var(--button-big-padding-y) var(--button-big-padding-x);\n}\n\n.btn-narrow {\n padding-left: var(--button-narrow-padding-x);\n padding-right: var(--button-narrow-padding-x);\n}\n\n:root {\n --button-small-padding-y: .25rem;\n --button-small-padding-x: .5rem;\n --button-big-padding-y: 1rem;\n --button-big-padding-x: 1.25rem;\n --button-narrow-padding-x: .5rem;\n}\n\n" }, { "path": "modules/btn-sizes/package.json", "content": "{\n \"name\": \"basscss-btn-sizes\",\n \"version\": \"1.2.0\",\n \"description\": \"Button size extension utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/btn-sizes.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/colors/.gitignore", "content": "\ncss\n" }, { "path": "modules/colors/.npmignore", "content": "" }, { "path": "modules/colors/README.md", "content": "\nUse this suite of color utilities to directly style elements.\nThe color values used in this module are from [mrmrs/colors](http://clrs.cc/).\n\n## Colors\n\n```html\n

\n .black\n .gray\n .silver\n .white\n .aqua\n .blue\n .navy\n .teal\n .green\n .olive\n .lime\n .yellow\n .orange\n .red\n .fuchsia\n .purple\n .maroon\n .color-inherit\n

\n```\n\n## Opacity\nTo de-emphasize elements with lower opacity, use the `.muted` utility.\n\n```html\nNormal\nMuted\n```\n\n" }, { "path": "modules/colors/index.css", "content": "/* Basscss Colors */\n\n@import 'colors.css/src/_variables.css';\n\n.black { color: var(--black) }\n.gray { color: var(--gray) }\n.silver { color: var(--silver) }\n.white { color: var(--white) }\n\n.aqua { color: var(--aqua) }\n.blue { color: var(--blue) }\n.navy { color: var(--navy) }\n.teal { color: var(--teal) }\n.green { color: var(--green) }\n.olive { color: var(--olive) }\n.lime { color: var(--lime) }\n\n.yellow { color: var(--yellow) }\n.orange { color: var(--orange) }\n.red { color: var(--red) }\n.fuchsia { color: var(--fuchsia) }\n.purple { color: var(--purple) }\n.maroon { color: var(--maroon) }\n\n.color-inherit { color: inherit }\n.muted { opacity: .5 }\n\n" }, { "path": "modules/colors/package.json", "content": "{\n \"name\": \"basscss-colors\",\n \"version\": \"2.2.0\",\n \"description\": \"Color styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u postcss-remove-root -u autoprefixer -o css/colors.css\"\n },\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\",\n \"postcss-remove-root\": \"0.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/darken/.gitignore", "content": "\ncss\n" }, { "path": "modules/darken/.npmignore", "content": "" }, { "path": "modules/darken/README.md", "content": "\n# Darken\n\nUse this suite of background-color utilities to directly style elements.\n\n```html\n
.bg-darken-1
\n
.bg-darken-2
\n
.bg-darken-3
\n
.bg-darken-4
\n```\n\n\n" }, { "path": "modules/darken/index.css", "content": "/* Basscss Darken */\n\n.bg-darken-1 { background-color: var(--darken-1) }\n.bg-darken-2 { background-color: var(--darken-2) }\n.bg-darken-3 { background-color: var(--darken-3) }\n.bg-darken-4 { background-color: var(--darken-4) }\n\n:root {\n --darken-1: rgba(0, 0, 0, .0625);\n --darken-2: rgba(0, 0, 0, .125);\n --darken-3: rgba(0, 0, 0, .25);\n --darken-4: rgba(0, 0, 0, .5);\n}\n\n" }, { "path": "modules/darken/package.json", "content": "{\n \"name\": \"basscss-darken\",\n \"version\": \"1.1.0\",\n \"description\": \"Darken background-color styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/darken.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"functional-css\",\n \"fcss\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/debug-grid/.gitignore", "content": "\ncss\n" }, { "path": "modules/debug-grid/.npmignore", "content": "" }, { "path": "modules/debug-grid/README.md", "content": "\nUtility style for showing a 8 x 8px background grid.\n\n```html\n
.debug-grid
\n```\n\n" }, { "path": "modules/debug-grid/index.css", "content": "/* Basscss Debug Grid */\n\n.debug-grid {\n background-image:\n linear-gradient(transparent 7px, var(--debug-grid-color) 8px),\n linear-gradient(90deg, transparent 7px, var(--debug-grid-color) 8px);\n background-position: calc(50% - 4px) top;\n background-size: 8px 8px;\n}\n\n:root {\n --debug-grid-color: rgba(0, 255, 255, .25);\n}\n\n" }, { "path": "modules/debug-grid/package.json", "content": "{\n \"name\": \"basscss-debug-grid\",\n \"version\": \"1.0.0\",\n \"description\": \"Debug utility to create an 8px by 8px background grid for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-properties -u autoprefixer -o css/debug-grid.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-properties\": \"^5.0.1\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/forms/README.md", "content": "# Basscss Forms\n\nBasic form styles module for Basscss. Add your own color styles to customize the look and feel.\n\n## Label\n\n```html\n\n```\n\n## Input\n\n```html\n\n```\n\n## Select\n\n```html\n\n```\n\n## Textarea\n\n```html\n\n```\n\n" }, { "path": "modules/forms/index.css", "content": "/* Basscss Forms */\n\n.label {\n font-size: .875rem;\n font-weight: bold;\n display: block;\n margin-bottom: .5rem;\n}\n\n.input {\n font-family: inherit;\n font-size: inherit;\n display: block;\n width: 100%;\n height: 2.5rem;\n padding: .5rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 3px;\n box-sizing: border-box;\n}\n\n.select {\n font-family: inherit;\n font-size: inherit;\n display: block;\n width: 100%;\n height: 2.5rem;\n padding: .5rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 3px;\n box-sizing: border-box;\n}\n\n.textarea {\n font-family: inherit;\n font-size: inherit;\n display: block;\n width: 100%;\n padding: .5rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 3px;\n box-sizing: border-box;\n}\n" }, { "path": "modules/forms/package.json", "content": "{\n \"name\": \"basscss-forms\",\n \"version\": \"1.0.0\",\n \"description\": \"Form styles module for Basscss\",\n \"style\": \"index.css\",\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"functional-css\",\n \"fcss\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/highlight/.gitignore", "content": "\ncss\n" }, { "path": "modules/highlight/.npmignore", "content": "" }, { "path": "modules/highlight/README.md", "content": "# Basscss Highlight\n\nHighlight.js styles module for Basscss - http://basscss.com\n\n" }, { "path": "modules/highlight/index.css", "content": "/* Basscss Highlight */\n\n@import \"colors.css/src/_variables.css\";\n\n.hljs {\n -webkit-text-size-adjust: none;\n}\n\n.hljs-comment,\n.diff .hljs-header,\n.hljs-javadoc {\n color: var(--hljs-comment);\n font-style: italic;\n}\n\n.hljs-keyword,\n.css .rule .hljs-keyword,\n.hljs-winutils,\n.nginx .hljs-title,\n.hljs-subst,\n.hljs-request,\n.hljs-status {\n color: var(--hljs-keyword);\n font-weight: bold;\n}\n\n.hljs-number,\n.hljs-hexcolor,\n.ruby .hljs-constant {\n color: var(--hljs-number);\n}\n\n.hljs-string,\n.hljs-tag .hljs-value,\n.hljs-phpdoc,\n.hljs-dartdoc,\n.tex .hljs-formula {\n color: var(--hljs-string);\n}\n\n.hljs-title,\n.hljs-id,\n.scss .hljs-preprocessor {\n color: var(--hljs-title);\n font-weight: bold;\n}\n\n.hljs-list .hljs-keyword,\n.hljs-subst {\n font-weight: normal;\n}\n\n.hljs-class .hljs-title,\n.hljs-type,\n.vhdl .hljs-literal,\n.tex .hljs-command {\n color: var(--hljs-type);\n font-weight: bold;\n}\n\n.hljs-tag,\n.hljs-tag .hljs-title,\n.hljs-rules .hljs-property,\n.django .hljs-tag .hljs-keyword {\n color: var(--hljs-tag);\n font-weight: normal;\n}\n\n.hljs-attribute,\n.hljs-variable,\n.lisp .hljs-body {\n color: var(--hljs-attribute);\n}\n\n.hljs-regexp {\n color: var(--hljs-regexp);\n}\n\n.hljs-symbol,\n.ruby .hljs-symbol .hljs-string,\n.lisp .hljs-keyword,\n.clojure .hljs-keyword,\n.scheme .hljs-keyword,\n.tex .hljs-special,\n.hljs-prompt {\n color: var(--hljs-symbol);\n}\n\n.hljs-built_in {\n color: var(--hljs-built-in);\n}\n\n.hljs-preprocessor,\n.hljs-pragma,\n.hljs-pi,\n.hljs-doctype,\n.hljs-shebang,\n.hljs-cdata {\n color: var(--hljs-preprocessor);\n font-weight: bold;\n}\n\n.hljs-deletion {\n background: var(--hljs-deletion);\n}\n\n.hljs-addition {\n background: var(--hljs-addition);\n}\n\n.diff .hljs-change {\n background: var(--hljs-change);\n}\n\n.hljs-chunk {\n color: var(--hljs-chunk);\n}\n\n\n/* Mapped colors */\n:root {\n --hljs-comment: var(--gray);\n --hljs-keyword: var(--black);\n --hljs-number: var(--olive);\n --hljs-string: var(--blue);\n --hljs-title: var(--blue);\n --hljs-type: var(--navy);\n --hljs-tag: var(--navy);\n --hljs-attribute: var(--olive);\n --hljs-regexp: var(--olive);\n --hljs-symbol: var(--purple);\n --hljs-built-in: var(--navy);\n --hljs-preprocessor: var(--gray);\n --hljs-deletion: var(--fuchsia);\n --hljs-addition: var(--lime);\n --hljs-change: var(--navy);\n --hljs-chunk: var(--silver);\n}\n\n" }, { "path": "modules/highlight/package.json", "content": "{\n \"name\": \"basscss-highlight\",\n \"version\": \"0.3.0\",\n \"description\": \"Highlight.js module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u postcss-remove-root -u autoprefixer -o css/highlight.css\"\n },\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\",\n \"postcss-remove-root\": \"0.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"utility\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/highlight-dark/.gitignore", "content": "\ncss\n" }, { "path": "modules/highlight-dark/.npmignore", "content": "" }, { "path": "modules/highlight-dark/README.md", "content": "# Basscss Highlight Dark\n\nDark Highlight.js styles module for Basscss\n\n" }, { "path": "modules/highlight-dark/index.css", "content": "/* Basscss Highlight */\n\n@import \"colors.css/src/_variables.css\";\n\n.highlight-dark .hljs {\n color: white;\n -webkit-text-size-adjust: none;\n}\n\n.highlight-dark .hljs-comment,\n.highlight-dark .diff .hljs-header,\n.highlight-dark .hljs-javadoc {\n color: var(--hljs-comment);\n font-style: italic;\n}\n\n.highlight-dark .hljs-keyword,\n.highlight-dark .css .rule .hljs-keyword,\n.highlight-dark .hljs-winutils,\n.highlight-dark .nginx .hljs-title,\n.highlight-dark .hljs-subst,\n.highlight-dark .hljs-request,\n.highlight-dark .hljs-status {\n color: var(--hljs-keyword);\n font-weight: bold;\n}\n\n.highlight-dark .hljs-number,\n.highlight-dark .hljs-hexcolor,\n.highlight-dark .ruby .hljs-constant {\n color: var(--hljs-number);\n}\n\n.highlight-dark .hljs-string,\n.highlight-dark .hljs-tag .hljs-value,\n.highlight-dark .hljs-phpdoc,\n.highlight-dark .hljs-dartdoc,\n.highlight-dark .tex .hljs-formula {\n color: var(--hljs-string);\n}\n\n.hljs-title,\n.hljs-id,\n.scss .hljs-preprocessor {\n color: var(--hljs-title);\n font-weight: bold;\n}\n\n.highlight-dark .hljs-list .hljs-keyword,\n.highlight-dark .hljs-subst {\n font-weight: normal;\n}\n\n.highlight-dark .hljs-class .hljs-title,\n.highlight-dark .hljs-type,\n.highlight-dark .vhdl .hljs-literal,\n.highlight-dark .tex .hljs-command {\n color: var(--hljs-type);\n font-weight: bold;\n}\n\n.highlight-dark .hljs-tag,\n.highlight-dark .hljs-tag .hljs-title,\n.highlight-dark .hljs-rules .hljs-property,\n.highlight-dark .django .hljs-tag .hljs-keyword {\n color: var(--hljs-tag);\n font-weight: normal;\n}\n\n.highlight-dark .hljs-attribute,\n.highlight-dark .hljs-variable,\n.highlight-dark .lisp .hljs-body {\n color: var(--hljs-attribute);\n}\n\n.highlight-dark .hljs-regexp {\n color: var(--hljs-regexp);\n}\n\n.highlight-dark .hljs-symbol,\n.highlight-dark .ruby .hljs-symbol .hljs-string,\n.highlight-dark .lisp .hljs-keyword,\n.highlight-dark .clojure .hljs-keyword,\n.highlight-dark .scheme .hljs-keyword,\n.highlight-dark .tex .hljs-special,\n.highlight-dark .hljs-prompt {\n color: var(--hljs-symbol);\n}\n\n.highlight-dark .hljs-built_in {\n color: var(--hljs-built-in);\n}\n\n.highlight-dark .hljs-preprocessor,\n.highlight-dark .hljs-pragma,\n.highlight-dark .hljs-pi,\n.highlight-dark .hljs-doctype,\n.highlight-dark .hljs-shebang,\n.highlight-dark .hljs-cdata {\n color: var(--hljs-preprocessor);\n font-weight: bold;\n}\n\n.highlight-dark .hljs-deletion {\n background: var(--hljs-deletion);\n}\n\n.highlight-dark .hljs-addition {\n background: var(--hljs-addition);\n}\n\n.highlight-dark .diff .hljs-change {\n background: var(--hljs-change);\n}\n\n.highlight-dark .hljs-chunk {\n color: var(--hljs-chunk);\n}\n\n\n:root {\n /* Mapped colors */\n --hljs-comment: var(--silver);\n --hljs-keyword: white;\n --hljs-number: var(--lime);\n --hljs-string: var(--red);\n --hljs-title: var(--red);\n --hljs-type: var(--aqua);\n --hljs-tag: var(--aqua);\n --hljs-attribute: var(--lime);\n --hljs-regexp: var(--lime);\n --hljs-symbol: var(--fuchsia);\n --hljs-built-in: var(--aqua);\n --hljs-preprocessor: var(--silver);\n --hljs-deletion: var(--fuchsia);\n --hljs-addition: var(--lime);\n --hljs-change: var(--aqua);\n --hljs-chunk: var(--gray);\n\n}\n\n" }, { "path": "modules/highlight-dark/package.json", "content": "{\n \"name\": \"basscss-highlight-dark\",\n \"version\": \"0.1.0\",\n \"description\": \"Dark Highlight.js module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u postcss-remove-root -u autoprefixer -o css/highlight-dark.css\"\n },\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\",\n \"postcss-remove-root\": \"0.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"utility\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/input-range/.gitignore", "content": "\ncss\n" }, { "path": "modules/input-range/.npmignore", "content": "" }, { "path": "modules/input-range/README.md", "content": "\nThis module styles range inputs to match other form styles in Basscss.\n\n```html\n\n\n```\n\n" }, { "path": "modules/input-range/index.css", "content": "/* Basscss Input Range */\n\n.input-range {\n vertical-align: middle;\n background-color: transparent;\n padding-top: var(--form-field-padding-y);\n padding-bottom: var(--form-field-padding-y);\n color: inherit;\n background-color: transparent;\n -webkit-appearance: none;\n}\n\n.input-range::-webkit-slider-thumb {\n position: relative;\n width: var(--range-thumb-width);\n height: var(--range-thumb-height);\n cursor: pointer;\n margin-top: var(--range-thumb-offset);\n border-radius: var(--border-radius);\n background-color: currentcolor;\n -webkit-appearance: none;\n}\n\n/* Touch screen friendly pseudo element */\n.input-range::-webkit-slider-thumb:before {\n content: '';\n display: block;\n position: absolute;\n top: calc( -.5 * var(--range-thumb-pseudo-size) + (.5 * var(--range-thumb-height)) );\n left: calc( (-.5 * var(--range-thumb-pseudo-size)) + (.5 * var(--range-thumb-width)) );\n width: var(--range-thumb-pseudo-size);\n height: var(--range-thumb-pseudo-size);\n opacity: 0;\n}\n\n.input-range::-moz-range-thumb {\n width: var(--range-thumb-width);\n height: var(--range-thumb-height);\n cursor: pointer;\n border-radius: var(--border-radius);\n border-color: transparent;\n border-width: 0;\n background-color: currentcolor;\n}\n\n.input-range::-webkit-slider-runnable-track {\n height: var(--range-track-height);\n cursor: pointer;\n border-radius: var(--border-radius);\n background-color: var(--darken-3);\n}\n\n.input-range::-moz-range-track {\n height: var(--range-track-height);\n cursor: pointer;\n border-radius: var(--border-radius);\n background-color: var(--darken-3);\n}\n\n.input-range:focus {\n outline: none;\n}\n\n:root {\n --form-field-padding-x: .5rem;\n --form-field-padding-y: .5rem;\n --form-field-height: 2.25rem;\n --border-radius: 3px;\n --darken-3: rgba(0, 0, 0, .25);\n\n --range-thumb-width: var(--form-field-padding-x);\n --range-thumb-height: calc( var(--form-field-height) - (var(--form-field-padding-y) * 2) );\n --range-track-height: calc( var(--form-field-padding-y) / 2 );\n --range-thumb-offset: calc( var(--range-thumb-height) / -2 + (var(--range-track-height) / 2) );\n --range-thumb-pseudo-size: var(--form-field-height);\n}\n\n" }, { "path": "modules/input-range/package.json", "content": "{\n \"name\": \"basscss-input-range\",\n \"version\": \"3.0.0\",\n \"description\": \"Custom input range module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u postcss-calc -u autoprefixer -o css/input-range.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-calc\": \"^5.2.0\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/legacy/README.md", "content": "\n# Legacy modules\n\nThese modules are from previous versions of Basscss and may be duplicative in functionality with other modules.\n" }, { "path": "modules/legacy/base-forms/README.md", "content": "\nThis modules sets structural styles for base form elements, creating a consistent visual rhythm among forms\nwhile allowing for color to be adjusted where needed.\nThese styles do not rely on markup structure and can be combined with\nutilities to make fine-grained, contextual adjustments.\nForm element styles are intended to be interoperable with all other utility styles.\n\n\n## Inline Forms\nBy default, form elements follow browser defaults and display inline.\nNote: the `.field` style is part of `basscss-color-forms`.\n\n```html\n
\n \n \n \n
\n```\n\n## Stacked Forms\n\nUse `.block`, `.col-12`, and other layout utilities to stack form elements and adjust margins.\n\n```html\n
\n \n \n \n \n \n \n \n \n \n
\n```\nTo adjust the color of forms, use the styles in `basscss-color-forms` and `basscss-color-forms-dark`.\n\n" }, { "path": "modules/legacy/base-forms/index.css", "content": "/* Basscss Base Forms */\n\n@import 'basscss-defaults';\n\ninput,\nselect,\ntextarea,\nfieldset {\n font-family: var(--form-field-font-family);\n font-size: var(--form-field-font-size);\n box-sizing: border-box;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nlabel {\n vertical-align: middle;\n}\n\ninput[type=text],\ninput[type=date],\ninput[type=datetime],\ninput[type=datetime-local],\ninput[type=email],\ninput[type=month],\ninput[type=number],\ninput[type=password],\ninput[type=search],\ninput[type=tel],\ninput[type=time],\ninput[type=url],\ninput[type=week] {\n height: var(--form-field-height);\n padding: var(--form-field-padding-y) var(--form-field-padding-x);\n vertical-align: middle;\n -webkit-appearance: none;\n}\n\nselect {\n line-height: 1.75;\n padding: var(--form-field-padding-y) var(--form-field-padding-x);\n}\n\nselect:not([multiple]) {\n height: var(--form-field-height);\n vertical-align: middle;\n}\n\ntextarea {\n line-height: 1.75;\n padding: var(--form-field-padding-y) var(--form-field-padding-x);\n}\n\n:root {\n --form-field-font-family: inherit;\n --form-field-font-size: 1rem;\n --form-field-height: 2.25rem;\n --form-field-padding-y: .5rem;\n --form-field-padding-x: .5rem;\n}\n\n" }, { "path": "modules/legacy/base-forms/package.json", "content": "{\n \"name\": \"basscss-base-forms\",\n \"version\": \"2.0.2\",\n \"description\": \"Base form styles for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/base-reset/README.md", "content": "\nThis module resets a few basic values for the body, img and svg elements.\n\nNote: this reset does **not** set box-sizing to border-box using the universal selector.\nThis is meant to discourage declaring widths unnecessarily throughout a stylesheet.\nThe base form and grid modules use border-box where widths are used,\nand a `.border-box` utility is available in the utility-layout module.\n\nThis reset intentionally does not normalize cross-browser discrepancies.\nIf you would like to normalize styles, use [normalize.css](http://necolas.github.io/normalize.css/).\n\n" }, { "path": "modules/legacy/base-reset/index.css", "content": "\nbody { margin: 0 }\nimg { max-width: 100% }\nsvg { max-height: 100% }\n\n" }, { "path": "modules/legacy/base-reset/package.json", "content": "{\n \"name\": \"basscss-base-reset\",\n \"version\": \"2.0.3\",\n \"description\": \"Base element reset for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/legacy/base-tables/README.md", "content": "\nThis module sets default styles for all tables,\nincluding text-alignment, width, padding, border-collapse, and border-spacing.\n\n```html\n
\n \n \n \n \n \n \n \n \n \n \n \n
Artist Album Release Date
Huey Lewis and the News Sports 1983
Phil Collins No Jacket Required 1985
Peter Gabriel So 1986
\n
\n```\n\nUse the color styles in `basscss-color-tables` to adjust the appearance.\n\n" }, { "path": "modules/legacy/base-tables/index.css", "content": "/* Basscss Base Tables */\n\n@import 'basscss-defaults';\n\ntable {\n border-collapse: separate;\n border-spacing: 0;\n max-width: 100%;\n width: 100%;\n}\n\nth {\n text-align: left;\n font-weight: var(--table-header-font-weight);\n}\n\nth,\ntd {\n padding: var(--table-cell-padding-y) var(--table-cell-padding-x);\n line-height: inherit;\n}\n\nth { vertical-align: bottom }\ntd { vertical-align: top }\n\n:root {\n --table-header-font-weight: var(--bold-font-weight);\n --table-cell-padding-x: var(--space-2);\n --table-cell-padding-y: .25rem;\n}\n\n" }, { "path": "modules/legacy/base-tables/package.json", "content": "{\n \"name\": \"basscss-base-tables\",\n \"version\": \"1.0.2\",\n \"description\": \"Base table styles for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/base-typography/README.md", "content": "\nThis module sets default typographic styles for the body, headings, paragraphs, lists, and other elements.\n\n## Base type scale\n\nTypographic elements are normalized to a simple type scale that works well across devices. Default top and bottom margins are set for commonly-used typographic elements.\n\n```html\n

Hamburger 1

\n

Hamburger 2

\n

Hamburger 3

\n

Hamburger 4

\n
Hamburger 5
\n
Hamburger 6
\n```\n\n## Lists\n\nBy default, lists have bullets or numbers and padding left.\n\n```html\n\n
    \n
  1. Prosciutto
    2. \n
  2. Andouille
    3. \n
  3. Bratwurst
    4. \n
  4. Chorizo
    5. \n
\n```\n\n## Other Elements\n\nThe pre element has overflow-x set to scroll.\n\nAdjust the custom properties to change the default font stack, font weights, and type scale.\n\n" }, { "path": "modules/legacy/base-typography/index.css", "content": "/* Basscss Base Typography */\n\n@import 'basscss-defaults';\n\nbody {\n font-family: var(--font-family);\n line-height: var(--line-height);\n font-size: var(--body-font-size);\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: var(--heading-font-family);\n font-weight: var(--heading-font-weight);\n line-height: var(--heading-line-height);\n margin-top: var(--heading-margin-top);\n margin-bottom: var(--heading-margin-bottom);\n}\n\np {\n margin-top: var(--paragraph-margin-top);\n margin-bottom: var(--paragraph-margin-bottom);\n}\n\ndl, ol, ul {\n margin-top: var(--list-margin-top);\n margin-bottom: var(--list-margin-bottom);\n}\n\npre, code, samp {\n font-family: var(--monospace-font-family);\n font-size: var(--pre-font-size);\n}\n\npre {\n margin-top: var(--pre-margin-top);\n margin-bottom: var(--pre-margin-bottom);\n overflow-x: scroll;\n}\n\nh1 { font-size: var(--h1) }\nh2 { font-size: var(--h2) }\nh3 { font-size: var(--h3) }\nh4 { font-size: var(--h4) }\nh5 { font-size: var(--h5) }\nh6 { font-size: var(--h6) }\n\n:root {\n --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n --line-height: 1.5;\n --body-font-size: 100%;\n --heading-font-family: var(--font-family);\n --heading-font-weight: bold;\n --heading-line-height: 1.25;\n --heading-margin-top: 1em;\n --heading-margin-bottom: .5em;\n --paragraph-margin-top: 0;\n --paragraph-margin-bottom: var(--space-2);\n --list-margin-top: 0;\n --list-margin-bottom: var(--space-2);\n --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n --pre-font-size: inherit;\n --pre-margin-top: 0;\n --pre-margin-bottom: var(--space-2);\n}\n\n" }, { "path": "modules/legacy/base-typography/package.json", "content": "{\n \"name\": \"basscss-base-typography\",\n \"version\": \"2.0.3\",\n \"description\": \"Base typography styles for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/color-base/README.md", "content": "\nThis module sets color styles for the body, links, pre, code, and hr elements.\n\n## Base Elements\n\nThe body element has color set to `--black` and background color white.\nLinks default to `--blue`. To adjust the link color, define a new value for the `--link-color` custom property.\nPre and code tags have transparent background by default. To set a background color, use `--pre-background-color`.\nHRs use the same default border width and color as other border styles. These can be defined with `--border-width` and `--border-color`.\n\n\n" }, { "path": "modules/legacy/color-base/index.css", "content": "/* Basscss Color Base */\n\n@import 'basscss-defaults';\n\nbody {\n color: var(--body-color);\n background-color: var(--body-background-color);\n}\n\na {\n color: var(--link-color);\n text-decoration: var(--link-text-decoration);\n}\n\na:hover {\n text-decoration: var(--link-hover-text-decoration);\n}\n\npre, code {\n background-color: var(--pre-background-color);\n border-radius: var(--pre-border-radius);\n}\n\nhr {\n border: 0;\n border-bottom-style: var(--rule-border-style);\n border-bottom-width: var(--rule-border-width);\n border-bottom-color: var(--rule-border-color);\n}\n\n:root {\n --body-color: var(--black);\n --body-background-color: var(--white);\n --link-color: var(--blue);\n --link-text-decoration: none;\n --link-hover-text-decoration: underline;\n --pre-background-color: transparent;\n --pre-border-radius: var(--border-radius);\n --rule-border-style: solid;\n --rule-border-width: var(--border-width);\n --rule-border-color: var(--border-color);\n}\n\n" }, { "path": "modules/legacy/color-base/package.json", "content": "{\n \"name\": \"basscss-color-base\",\n \"version\": \"2.0.2\",\n \"description\": \"Base element color styles module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/color-forms/README.md", "content": "\nThis module sets basic color styles for form elements on a light background.\n\n## Input Fields\n\nTo style the color, background, and border styles for form fields, use the `.field` style.\nThis style works on text inputs, selects, and textareas.\n\n```html\n\n\n\n\n\n\n```\n\nThe `.field` style includes states for disabled and read-only fields, as well as success, warning, and error states.\n\n```html\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n```\n\n" }, { "path": "modules/legacy/color-forms/index.css", "content": "/* Basscss Color Forms */\n\n@import 'basscss-defaults';\n\n.field {\n border-style: solid;\n border-width: var(--border-width);\n border-color: var(--border-color);\n border-radius: var(--border-radius);\n}\n\n.field:focus,\n.field.is-focused {\n outline: none;\n border-color: var(--field-focus-color);\n box-shadow: 0 0 0 2px color(var(--field-focus-color) a(.5));\n}\n\n.field:disabled,\n.field.is-disabled {\n background-color: var(--darken-2);\n opacity: .5;\n}\n\n.field:read-only:not(select),\n.field.is-read-only {\n background-color: var(--darken-2);\n}\n\n\n.field.is-success {\n border-color: var(--field-success-color);\n}\n\n.field.is-success:focus,\n.field.is-success.is-focused {\n box-shadow: 0 0 0 2px color(var(--field-success-color) a(.5));\n}\n\n.field.is-warning {\n border-color: var(--field-warning-color);\n}\n\n.field.is-warning:focus,\n.field.is-warning.is-focused {\n box-shadow: 0 0 0 2px color(var(--field-warning-color) a(.5));\n}\n\n.field:invalid,\n.field.is-error {\n border-color: var(--field-error-color);\n}\n\n.field:invalid:focus,\n.field:invalid.is-focused,\n.field.is-error:focus,\n.field.is-error.is-focused {\n box-shadow: 0 0 0 2px color(var(--field-error-color) a(.5));\n}\n\n:root {\n --field-focus-color: var(--blue);\n --field-success-color: var(--green);\n --field-warning-color: var(--yellow);\n --field-error-color: var(--red);\n}\n\n" }, { "path": "modules/legacy/color-forms/package.json", "content": "{\n \"name\": \"basscss-color-forms\",\n \"version\": \"3.0.2\",\n \"description\": \"Form color styles module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/color-input-range/README.md", "content": "\nThis color module styles range inputs to match other form styles in Basscss.\n\nThe `.range-light` style inherits color from its parent. Use color utilities to change the slider thumb color.\n\n```html\n\n\n```\n\n" }, { "path": "modules/legacy/color-input-range/index.css", "content": "/* Basscss Color Input Range */\n\n@import 'basscss-defaults';\n\n.range-light {\n color: inherit;\n background-color: transparent;\n -webkit-appearance: none;\n}\n\n.range-light::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: var(--border-radius);\n background-color: currentcolor;\n}\n\n.range-light::-moz-range-thumb {\n border-radius: var(--border-radius);\n border-color: transparent;\n border-width: 0;\n background-color: currentcolor;\n}\n\n.range-light::-webkit-slider-runnable-track {\n border-radius: var(--border-radius);\n background-color: var(--darken-3);\n}\n\n.range-light::-moz-range-track {\n border-radius: var(--border-radius);\n background-color: var(--darken-3);\n}\n\n.range-light:focus {\n outline: none;\n}\n\n.range-light:focus::-webkit-slider-thumb {\n outline: none;\n border: 0;\n box-shadow: 0 0 1px 2px currentcolor;\n}\n\n.range-light:focus::-moz-range-thumb {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 3px var(--darken-3);\n}\n" }, { "path": "modules/legacy/color-input-range/package.json", "content": "{\n \"name\": \"basscss-color-input-range\",\n \"version\": \"1.0.2\",\n \"description\": \"Input range color module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"basscss\": {\n \"category\": \"color\",\n \"optional\": true\n },\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/color-progress/README.md", "content": "\nThis module provides color styles for progress elements to better match other styles in Basscss.\n\nThe `.progress` style inherits color from its parent. Use color utilities to adjust the fill color.\n\n```html\n0.375\n0.5\n```\n\n" }, { "path": "modules/legacy/color-progress/index.css", "content": "/* Basscss Color Progress */\n\n@import 'basscss-defaults';\n\n.progress {\n background-color: var(--darken-2);\n border: 0;\n border-radius: 10000px;\n}\n\n.progress::-webkit-progress-bar {\n -webkit-appearance: none;\n background-color: var(--darken-2)\n}\n\n.progress::-webkit-progress-value {\n -webkit-appearance: none;\n background-color: currentColor;\n}\n\n.progress::-moz-progress-bar {\n background-color: currentColor;\n}\n\n" }, { "path": "modules/legacy/color-progress/package.json", "content": "{\n \"name\": \"basscss-color-progress\",\n \"version\": \"1.0.2\",\n \"description\": \"Progress element color module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/color-tables/README.md", "content": "\nThis color module sets border styles for tables.\n\nUse the `.table-light` style to add borders to tables.\nBorder color and width is set with the `--border-color` and `--border-width` custom properties.\n\n```html\n
\n \n \n \n \n \n \n \n \n \n \n \n
Artist Album Release Date
Huey Lewis and the News Sports 1983
Phil Collins No Jacket Required 1985
Peter Gabriel So 1986
\n
\n```\n\nUse other color utilities to customize the look.\n\n```html\n
\n \n \n \n \n \n \n \n \n \n \n \n
Artist Album Release Date
Huey Lewis and the News Sports 1983
Phil Collins No Jacket Required 1985
Peter Gabriel So 1986
\n
\n```\n\n" }, { "path": "modules/legacy/color-tables/index.css", "content": "/* Basscss Color Tables */\n\n@import 'basscss-defaults';\n\n.table-light th,\n.table-light td {\n border-bottom-width: var(--border-width);\n border-bottom-style: solid;\n border-bottom-color: var(--border-color);\n}\n\n.table-light tr:last-child td {\n border-bottom: 0;\n}\n\n" }, { "path": "modules/legacy/color-tables/package.json", "content": "{\n \"name\": \"basscss-color-tables\",\n \"version\": \"1.0.4\",\n \"description\": \"Table color styles module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/defaults/README.md", "content": "# Basscss Defaults\n\nDefault custom property variables and custom media queries for [Basscss](http://basscss.com). Includes colors from [mrmrs/colors](//clrs.cc).\n\n\n" }, { "path": "modules/legacy/defaults/index.css", "content": "/* Basscss Defaults */\n\n@import \"colors.css/myth/variables\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n --line-height: 1.5;\n --heading-font-family: var(--font-family);\n --heading-font-weight: bold;\n --heading-line-height: 1.25;\n --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n --h1: 2rem;\n --h2: 1.5rem;\n --h3: 1.25rem;\n --h4: 1rem;\n --h5: .875rem;\n --h6: .75rem;\n --bold-font-weight: bold;\n --space-1: .5rem;\n --space-2: 1rem;\n --space-3: 2rem;\n --space-4: 4rem;\n --form-field-font-size: 1rem;\n --form-field-height: 2.25rem;\n --form-field-padding-y: .5rem;\n --form-field-padding-x: .5rem;\n --button-font-size: inherit;\n --button-font-weight: bold;\n --button-line-height: 1.125rem;\n --button-padding-y: .5rem;\n --button-padding-x: 1rem;\n --container-width: 64em;\n\n --darken-1: rgba(0,0,0,.0625);\n --darken-2: rgba(0,0,0,.125);\n --darken-3: rgba(0,0,0,.25);\n --darken-4: rgba(0,0,0,.5);\n\n --lighten-1: rgba(255,255,255,.0625);\n --lighten-2: rgba(255,255,255,.125);\n --lighten-3: rgba(255,255,255,.25);\n --lighten-4: rgba(255,255,255,.5);\n\n --border-width: 1px;\n --border-radius: 3px;\n --border-color: var(--darken-2);\n\n}\n\n\n" }, { "path": "modules/legacy/defaults/package.json", "content": "{\n \"name\": \"basscss-defaults\",\n \"version\": \"2.1.3\",\n \"description\": \"Default variables for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"dependencies\": {\n \"colors.css\": \"^2.0.4\"\n }\n}\n" }, { "path": "modules/legacy/flex-object/README.md", "content": "\nThe flex-object is a powerful suite of utilities based on the\nflexible box layout module.\nThese utilities can replace the need for a grid system in many instances,\nbut can also be combined with the Basscss grid for even more possibilities.\n\nNote: browser support for the flexible box layout module is limited. See http://caniuse.com/#feat=flexbox\n\n## .flex\nTo begin, add the `.flex` class to a parent element.\nThis sets the element to `display: flex` and enables a flex context for all direct child elements.\n```html\n
\n
Hamburger
\n
Hamburger
\n
\n```\n\n## .flex-wrap\nTo wrap elements, use the `.flex-wrap` utility.\n```html\n
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
\n```\n\n## .flex-column\nTo arrange items vertically, use the `.flex-column` utility.\n```html\n
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
\n```\n\n## Alignment\nUse these utilities to control vertical alignment of child elements.\n\n### .flex-center\nTo vertically center child elements, add the `.flex-center` class to the parent element.\n```html\n
\n
\n

Hamburger

\n
\n
Hot dog
\n
\n```\n\n### .flex-stretch\nTo stretch all elements to fill the height of the parent, use the `.flex-stretch` utility.\n```html\n
\n
\n

Hamburger

\n
\n
Hot dog
\n
\n```\n\n### .flex-stretch with nested content\nTo ensure nested elements stretch as well, add the `.flex` class to relevant elements.\n```html\n
\n
\n

Hamburger

\n
\n
\n
\n Hot dog\n
\n
\n
\n```\n\n### .flex-baseline\nTo align child elements to their baseline, use the `.flex-baseline` utility.\n\n```html\n
\n
\n

Hamburger

\n
\n
Hot dog
\n
\n```\n\n### .flex-start\nTo align child elements to the top, use the `.flex-start` utility.\n\n```html\n
\n
\n

Hamburger

\n
\n
Hot dog
\n
\n```\n\n### .flex-end\nTo align child elements to the bottom, use the `.flex-end` utility.\n\n```html\n
\n
\n

Hamburger

\n
\n
Hot dog
\n
\n```\n\n## Justify\n\nTo automatically fill the space between child elements, use `.flex-justify`.\n\n```html\n
\n
Burger
\n
Burger
\n
Burger
\n
\n```\n\n\n## Responsive Utilities\nTo set display flex only at certain breakpoints and up,\nuse the breakpoint-prefixed versions of `.flex`.\nAll other utilities will only work at the set breakpoint.\n\n```html\n
\n
\n

.sm-flex

\n
\n
Hamburger
\n
Hamburger
\n
\n
\n
\n

.md-flex

\n
\n
Hamburger
\n
Hamburger
\n
\n
\n
\n

.lg-flex

\n
\n
Hamburger
\n
Hamburger
\n
\n```\n\n## Child elements\nTo control the size and behavior of child elements, use these utilities.\n\n### .flex-auto\nTo make an element grow or shrink as needed, use the `.flex-auto` utility.\n```html\n
\n
Hamburger
\n
Hamburger
\n
\n
Hamburger
\n
\n```\n\n### .flex-grow\nTo make an element grow, but not shrink, use the `.flex-grow` utility.\n```html\n
\n
Hamburger
\n
Hamburger
\n
\n
Hamburger
\n
\n```\n\n### .flex-none\nTo prevent an element from growing or shrinking, use the `.flex-none` utility.\n```html\n
\n
Hamburger
\n
Hamburger
\n
Hamburger
\n
\n```\n\n## Ordering\nTo change the order of child elements, use the `.flex-first` and `.flex-last` utilities.\n\n### .flex-first\n```html\n
\n
Hamburger
\n
First Hamburger
\n
Hamburger
\n
\n```\n\n### .flex-last\n```html\n
\n
Hamburger
\n
Last Hamburger
\n
Hamburger
\n
\n```\n\n\n\n## Parent Element Utilities\n\n```css\n.flex { display: flex }\n.flex-column { flex-direction: column }\n.flex-wrap { flex-wrap: wrap }\n.flex-center { align-items: center }\n.flex-baseline { align-items: baseline }\n.flex-stretch { align-items: stretch }\n.flex-start { align-items: flex-start }\n.flex-end { align-items: flex-end }\n```\n\n## Child Element Utilities\n\n```css\n.flex-first { order: -1 }\n.flex-last { order: 1024 }\n.flex-auto { flex: 1 1 auto }\n.flex-grow { flex: 1 0 auto }\n.flex-none { flex: none }\n```\n\n\n" }, { "path": "modules/legacy/flex-object/index.css", "content": "/* Flex Object */\n\n@import \"./lib/flex.css\";\n@import \"./lib/sm-flex.css\";\n@import \"./lib/md-flex.css\";\n@import \"./lib/lg-flex.css\";\n\n\n@import 'basscss-defaults';\n\n" }, { "path": "modules/legacy/flex-object/lib/flex.css", "content": "\n.flex { display: flex }\n\n.flex-column { flex-direction: column }\n.flex-wrap { flex-wrap: wrap }\n\n.flex-center { align-items: center }\n.flex-baseline { align-items: baseline }\n.flex-stretch { align-items: stretch }\n.flex-start { align-items: flex-start }\n.flex-end { align-items: flex-end }\n\n.flex-justify { justify-content: space-between }\n\n/*\n * 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893\n */\n\n.flex-auto {\n flex: 1 1 auto;\n min-width: 0; /* 1 */\n min-height: 0; /* 1 */\n}\n.flex-grow { flex: 1 0 auto }\n.flex-none { flex: none }\n\n.flex-first { order: -1 }\n.flex-last { order: 99999 }\n\n" }, { "path": "modules/legacy/flex-object/lib/lg-flex.css", "content": "\n@media (--breakpoint-lg) {\n .lg-flex { display: flex }\n}\n\n" }, { "path": "modules/legacy/flex-object/lib/md-flex.css", "content": "\n@media (--breakpoint-md) {\n .md-flex { display: flex }\n}\n\n" }, { "path": "modules/legacy/flex-object/lib/sm-flex.css", "content": "\n@media (--breakpoint-sm) {\n .sm-flex { display: flex }\n}\n\n" }, { "path": "modules/legacy/flex-object/package.json", "content": "{\n \"name\": \"flex-object\",\n \"version\": \"2.0.5\",\n \"description\": \"CSS layout module based on flexbox\",\n \"style\": \"index.css\",\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\",\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"basscss\"\n ],\n \"dependencies\": {\n \"basscss-defaults\": \"^2.0.1\"\n }\n}\n" }, { "path": "modules/legacy/responsive-white-space/README.md", "content": "# Basscss Responsive White Space\n\n** This module is deprecated in favor of basscss-responsive-margin and basscss-responsive-padding**\n\nResponsive white space margin and padding utilities module for Basscss - http://basscss.com\n\nMargin and padding utilities are based on a global white space scale defined with variables.\nThese utilities use a shorthand naming convention.\n\n## Margin and Padding 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
p Padding
t Top
r Right
b Bottom
l Left
x X-axis (left and right)
y Y-axis (top and bottom)
n Negative (margin only)
1 --space-1 (default .5rem)
2 --space-2 (default 1rem)
3 --space-3 (default 2rem)
4 --space-4 (default 4rem)
\n
\n\n## Prefix Naming Convention\nResponsive white space utilities follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n\n## Margins\nChange or reset default margins using the global white space scale.\nNegative x-axis margins are used to offset padding.\nMargin auto is used to horizontally center block-level elements with a set width.\n\n\n## Padding\nPadding utilities are only available in symmetrical orientations.\nThis is to normalize the spacing used around elements.\n\n\n" }, { "path": "modules/legacy/responsive-white-space/index.css", "content": "/* Basscss Responsive White Space */\n\n@import \"./lib/sm-margins\";\n@import \"./lib/md-margins\";\n@import \"./lib/lg-margins\";\n\n@import \"./lib/sm-padding\";\n@import \"./lib/md-padding\";\n@import \"./lib/lg-padding\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --space-1: .5rem;\n --space-2: 1rem;\n --space-3: 2rem;\n --space-4: 4rem;\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/lg-margins.css", "content": "\n@media (--breakpoint-lg) {\n\n .lg-m0 { margin: 0 }\n .lg-mt0 { margin-top: 0 }\n .lg-mr0 { margin-right: 0 }\n .lg-mb0 { margin-bottom: 0 }\n .lg-ml0 { margin-left: 0 }\n\n .lg-m1 { margin: var(--space-1) }\n .lg-mt1 { margin-top: var(--space-1) }\n .lg-mr1 { margin-right: var(--space-1) }\n .lg-mb1 { margin-bottom: var(--space-1) }\n .lg-ml1 { margin-left: var(--space-1) }\n\n .lg-m2 { margin: var(--space-2) }\n .lg-mt2 { margin-top: var(--space-2) }\n .lg-mr2 { margin-right: var(--space-2) }\n .lg-mb2 { margin-bottom: var(--space-2) }\n .lg-ml2 { margin-left: var(--space-2) }\n\n .lg-m3 { margin: var(--space-3) }\n .lg-mt3 { margin-top: var(--space-3) }\n .lg-mr3 { margin-right: var(--space-3) }\n .lg-mb3 { margin-bottom: var(--space-3) }\n .lg-ml3 { margin-left: var(--space-3) }\n\n .lg-m4 { margin: var(--space-4) }\n .lg-mt4 { margin-top: var(--space-4) }\n .lg-mr4 { margin-right: var(--space-4) }\n .lg-mb4 { margin-bottom: var(--space-4) }\n .lg-ml4 { margin-left: var(--space-4) }\n\n .lg-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n .lg-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n .lg-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n .lg-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n .lg-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/lg-padding.css", "content": "\n@media (--breakpoint-lg) {\n\n .lg-p0 { padding: 0 }\n\n .lg-p1 { padding: var(--space-1) }\n .lg-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n .lg-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n\n .lg-p2 { padding: var(--space-2) }\n .lg-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n .lg-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n\n .lg-p3 { padding: var(--space-3) }\n .lg-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n .lg-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n\n .lg-p4 { padding: var(--space-4) }\n .lg-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n .lg-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/md-margins.css", "content": "\n@media (--breakpoint-md) {\n\n .md-m0 { margin: 0 }\n .md-mt0 { margin-top: 0 }\n .md-mr0 { margin-right: 0 }\n .md-mb0 { margin-bottom: 0 }\n .md-ml0 { margin-left: 0 }\n\n .md-m1 { margin: var(--space-1) }\n .md-mt1 { margin-top: var(--space-1) }\n .md-mr1 { margin-right: var(--space-1) }\n .md-mb1 { margin-bottom: var(--space-1) }\n .md-ml1 { margin-left: var(--space-1) }\n\n .md-m2 { margin: var(--space-2) }\n .md-mt2 { margin-top: var(--space-2) }\n .md-mr2 { margin-right: var(--space-2) }\n .md-mb2 { margin-bottom: var(--space-2) }\n .md-ml2 { margin-left: var(--space-2) }\n\n .md-m3 { margin: var(--space-3) }\n .md-mt3 { margin-top: var(--space-3) }\n .md-mr3 { margin-right: var(--space-3) }\n .md-mb3 { margin-bottom: var(--space-3) }\n .md-ml3 { margin-left: var(--space-3) }\n\n .md-m4 { margin: var(--space-4) }\n .md-mt4 { margin-top: var(--space-4) }\n .md-mr4 { margin-right: var(--space-4) }\n .md-mb4 { margin-bottom: var(--space-4) }\n .md-ml4 { margin-left: var(--space-4) }\n\n .md-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n .md-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n .md-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n .md-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n .md-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/md-padding.css", "content": "\n@media (--breakpoint-md) {\n\n .md-p0 { padding: 0 }\n\n .md-p1 { padding: var(--space-1) }\n .md-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n .md-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n\n .md-p2 { padding: var(--space-2) }\n .md-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n .md-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n\n .md-p3 { padding: var(--space-3) }\n .md-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n .md-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n\n .md-p4 { padding: var(--space-4) }\n .md-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n .md-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/sm-margins.css", "content": "\n@media (--breakpoint-sm) {\n\n .sm-m0 { margin: 0 }\n .sm-mt0 { margin-top: 0 }\n .sm-mr0 { margin-right: 0 }\n .sm-mb0 { margin-bottom: 0 }\n .sm-ml0 { margin-left: 0 }\n\n .sm-m1 { margin: var(--space-1) }\n .sm-mt1 { margin-top: var(--space-1) }\n .sm-mr1 { margin-right: var(--space-1) }\n .sm-mb1 { margin-bottom: var(--space-1) }\n .sm-ml1 { margin-left: var(--space-1) }\n\n .sm-m2 { margin: var(--space-2) }\n .sm-mt2 { margin-top: var(--space-2) }\n .sm-mr2 { margin-right: var(--space-2) }\n .sm-mb2 { margin-bottom: var(--space-2) }\n .sm-ml2 { margin-left: var(--space-2) }\n\n .sm-m3 { margin: var(--space-3) }\n .sm-mt3 { margin-top: var(--space-3) }\n .sm-mr3 { margin-right: var(--space-3) }\n .sm-mb3 { margin-bottom: var(--space-3) }\n .sm-ml3 { margin-left: var(--space-3) }\n\n .sm-m4 { margin: var(--space-4) }\n .sm-mt4 { margin-top: var(--space-4) }\n .sm-mr4 { margin-right: var(--space-4) }\n .sm-mb4 { margin-bottom: var(--space-4) }\n .sm-ml4 { margin-left: var(--space-4) }\n\n .sm-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n .sm-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n .sm-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n .sm-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n .sm-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/lib/sm-padding.css", "content": "\n@media (--breakpoint-sm) {\n\n .sm-p0 { padding: 0 }\n\n .sm-p1 { padding: var(--space-1) }\n .sm-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n .sm-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n\n .sm-p2 { padding: var(--space-2) }\n .sm-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n .sm-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n\n .sm-p3 { padding: var(--space-3) }\n .sm-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n .sm-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n\n .sm-p4 { padding: var(--space-4) }\n .sm-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n .sm-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n\n}\n\n" }, { "path": "modules/legacy/responsive-white-space/package.json", "content": "{\n \"name\": \"basscss-responsive-white-space\",\n \"version\": \"0.1.2\",\n \"description\": \"Responsive white space margin and padding utilities module for Basscss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"CSS\",\n \"OOCSS\",\n \"Basscss\",\n \"Rework\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/legacy/utility-headings/.gitignore", "content": "\ncss\n" }, { "path": "modules/legacy/utility-headings/.npmignore", "content": "" }, { "path": "modules/legacy/utility-headings/README.md", "content": "# Basscss Utility Headings\n\nResponsive heading utilities module for Basscss\n\nUse `.h0` and `.h00` to create headings larger than the default h1.\nAdd `.h0-responsive` or `h00-responsive` to use vw based sizes at larger viewports.\nAdjust the width of the browser to see the difference.\n\n```html\n

Hamburger 00

\n

Hamburger 0

\n

Hamburger 1

\n```\n\n" }, { "path": "modules/legacy/utility-headings/index.css", "content": "/* Basscss Utility Headings */\n\n.h00 { font-size: var(--h00) }\n.h0 { font-size: var(--h0) }\n\n@media (--breakpoint-md) {\n .h00-responsive { font-size: var(--h00-responsive) }\n .h0-responsive { font-size: var(--h0-responsive) }\n .h1-responsive { font-size: var(--h1-responsive) }\n}\n\n@media (--breakpoint-xl) {\n .h00-responsive { font-size: var(--h00-responsive-max) }\n .h0-responsive { font-size: var(--h0-responsive-max) }\n .h1-responsive { font-size: var(--h1-responsive-max) }\n}\n\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-xl (min-width: 96em);\n\n:root {\n --h00: 4rem;\n --h0: 3rem;\n --h00-responsive: 8vw;\n --h0-responsive: 6vw;\n --h1-responsive: 4vw;\n --h00-responsive-max: 7.68rem;\n --h0-responsive-max: 5.76rem;\n --h1-responsive-max: 3.84rem;\n}\n\n" }, { "path": "modules/legacy/utility-headings/package.json", "content": "{\n \"name\": \"basscss-utility-headings\",\n \"version\": \"0.1.0\",\n \"description\": \"Responsive heading utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/utility-headings.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/lighten/.gitignore", "content": "\ncss\n" }, { "path": "modules/lighten/.npmignore", "content": "" }, { "path": "modules/lighten/README.md", "content": "\n# Lighten\n\nUse this suite of background-color utilities to directly style elements.\n\n```html\n
\n
.bg-lighten-1
\n
.bg-lighten-2
\n
.bg-lighten-3
\n
.bg-lighten-4
\n
\n```\n\n\n" }, { "path": "modules/lighten/index.css", "content": "/* Basscss Lighten */\n\n.bg-lighten-1 { background-color: var(--lighten-1) }\n.bg-lighten-2 { background-color: var(--lighten-2) }\n.bg-lighten-3 { background-color: var(--lighten-3) }\n.bg-lighten-4 { background-color: var(--lighten-4) }\n\n:root {\n --lighten-1: rgba(255, 255, 255, .0625);\n --lighten-2: rgba(255, 255, 255, .125);\n --lighten-3: rgba(255, 255, 255, .25);\n --lighten-4: rgba(255, 255, 255, .5);\n}\n\n" }, { "path": "modules/lighten/package.json", "content": "{\n \"name\": \"basscss-lighten\",\n \"version\": \"1.1.0\",\n \"description\": \"Lighten background-color styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-properties -u autoprefixer -o css/lighten.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"functional-css\",\n \"fcss\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/media-object/.gitignore", "content": "\ncss\n" }, { "path": "modules/media-object/.npmignore", "content": "" }, { "path": "modules/media-object/README.md", "content": "# Basscss Media\n\nFlexbox media object module for Basscss - http://basscss.com\n\n## Basic Usage\n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n## Centered \n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n## Bottom Aligned\n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n## Source Order\n\n```html\n
\n
\n Media Object\n
\n \n
\n```\n\n## Double-Sided\n\n```html\n
\n \n
\n Media Object\n
\n \n
\n```\n\n## Multiple Images\n\n```html\n
\n \n \n
\n Media Object\n
\n
\n```\n\n## Responsive Media Objects\n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n```html\n
\n \n
\n Media Object\n
\n
\n```\n\n" }, { "path": "modules/media-object/index.css", "content": "/* Basscss Media Object */\n\n.media,\n.sm-media,\n.md-media,\n.lg-media {\n margin-left: -var(--media-object-space);\n margin-right: -var(--media-object-space);\n}\n\n.media {\n display: flex;\n}\n\n.media-center {\n align-items: center;\n}\n\n.media-bottom {\n align-items: flex-end;\n}\n\n.media-img,\n.media-body {\n padding-left: var(--media-object-space);\n padding-right: var(--media-object-space);\n}\n\n.media-body {\n flex: 1 1 auto;\n}\n\n@media (--breakpoint-sm) {\n .sm-media { display: flex }\n}\n\n@media (--breakpoint-md) {\n .md-media { display: flex }\n}\n\n@media (--breakpoint-lg) {\n .lg-media { display: flex }\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --space-1: .5rem;\n --media-object-space: var(--space-1);\n}\n\n" }, { "path": "modules/media-object/package.json", "content": "{\n \"name\": \"basscss-media-object\",\n \"version\": \"1.1.0\",\n \"description\": \"Media object module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/media-object.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/progress/.gitignore", "content": "\ncss\n" }, { "path": "modules/progress/.npmignore", "content": "" }, { "path": "modules/progress/README.md", "content": "\nThis module styles progress elements to better match other form styles in Basscss.\n\n```html\n0.375\n0.5\n```\n\n" }, { "path": "modules/progress/index.css", "content": "/* Basscss Progress */\n\n.progress {\n display: block;\n width: 100%;\n height: calc( var(--form-field-height) / 4 );\n margin: var(--form-field-padding-y) 0;\n overflow: hidden;\n background-color: var(--darken-2);\n border: 0;\n border-radius: 10000px;\n -webkit-appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n -webkit-appearance: none;\n background-color: var(--darken-2)\n}\n\n.progress::-webkit-progress-value {\n -webkit-appearance: none;\n background-color: currentcolor;\n}\n\n.progress::-moz-progress-bar {\n background-color: currentcolor;\n}\n\n:root {\n --form-field-height: 2.25rem;\n --form-field-padding-y: .5rem;\n --darken-2: rgba(0, 0, 0, .125);\n}\n\n" }, { "path": "modules/progress/package.json", "content": "{\n \"name\": \"basscss-progress\",\n \"version\": \"3.0.0\",\n \"description\": \"Custom progress element module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-custom-properties -u postcss-calc -u autoprefixer -o css/progress.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-calc\": \"^5.2.0\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-properties\": \"^5.0.0\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-border/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-border/.npmignore", "content": "" }, { "path": "modules/responsive-border/README.md", "content": "# Basscss Responsive Border\n\nResponsive border utilities module for Basscss - http://basscss.com\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n## Example\n\n```html\n
I'll have a small border on small viewports, no border on medium viewports, and a left border on large viewports!
\n
I'm rounded on medium viewports and a circle on large viewports!
\n```\n" }, { "path": "modules/responsive-border/index.css", "content": "/* Basscss Responsive Border */\n\n@import \"./lib/sm-border\";\n@import \"./lib/md-border\";\n@import \"./lib/lg-border\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --border-width: 1px;\n --border-radius: 3px;\n}\n" }, { "path": "modules/responsive-border/lib/lg-border.css", "content": "@media (--breakpoint-lg) {\n .lg-border {\n border-style: solid;\n border-width: var(--border-width);\n }\n\n .lg-border-top {\n border-top-style: solid;\n border-top-width: var(--border-width);\n }\n\n .lg-border-right {\n border-right-style: solid;\n border-right-width: var(--border-width);\n }\n\n .lg-border-bottom {\n border-bottom-style: solid;\n border-bottom-width: var(--border-width);\n }\n\n .lg-border-left {\n border-left-style: solid;\n border-left-width: var(--border-width);\n }\n\n .lg-border-none { border: 0 }\n .lg-border-top-none { border-top: 0 }\n .lg-border-right-none { border-right: 0 }\n .lg-border-bottom-none { border-bottom: 0 }\n .lg-border-left-none { border-left: 0 }\n\n .lg-rounded { border-radius: var(--border-radius) }\n .lg-circle { border-radius: 50% }\n\n .lg-rounded-top { border-radius: var(--border-radius) var(--border-radius) 0 0 }\n .lg-rounded-right { border-radius: 0 var(--border-radius) var(--border-radius) 0 }\n .lg-rounded-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius) }\n .lg-rounded-left { border-radius: var(--border-radius) 0 0 var(--border-radius) }\n\n .lg-not-rounded { border-radius: 0 }\n}\n" }, { "path": "modules/responsive-border/lib/md-border.css", "content": "@media (--breakpoint-md) {\n .md-border {\n border-style: solid;\n border-width: var(--border-width);\n }\n\n .md-border-top {\n border-top-style: solid;\n border-top-width: var(--border-width);\n }\n\n .md-border-right {\n border-right-style: solid;\n border-right-width: var(--border-width);\n }\n\n .md-border-bottom {\n border-bottom-style: solid;\n border-bottom-width: var(--border-width);\n }\n\n .md-border-left {\n border-left-style: solid;\n border-left-width: var(--border-width);\n }\n\n .md-border-none { border: 0 }\n .md-border-top-none { border-top: 0 }\n .md-border-right-none { border-right: 0 }\n .md-border-bottom-none { border-bottom: 0 }\n .md-border-left-none { border-left: 0 }\n\n .md-rounded { border-radius: var(--border-radius) }\n .md-circle { border-radius: 50% }\n\n .md-rounded-top { border-radius: var(--border-radius) var(--border-radius) 0 0 }\n .md-rounded-right { border-radius: 0 var(--border-radius) var(--border-radius) 0 }\n .md-rounded-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius) }\n .md-rounded-left { border-radius: var(--border-radius) 0 0 var(--border-radius) }\n\n .md-not-rounded { border-radius: 0 }\n}\n" }, { "path": "modules/responsive-border/lib/sm-border.css", "content": "@media (--breakpoint-sm) {\n .sm-border {\n border-style: solid;\n border-width: var(--border-width);\n }\n\n .sm-border-top {\n border-top-style: solid;\n border-top-width: var(--border-width);\n }\n\n .sm-border-right {\n border-right-style: solid;\n border-right-width: var(--border-width);\n }\n\n .sm-border-bottom {\n border-bottom-style: solid;\n border-bottom-width: var(--border-width);\n }\n\n .sm-border-left {\n border-left-style: solid;\n border-left-width: var(--border-width);\n }\n\n .sm-border-none { border: 0 }\n .sm-border-top-none { border-top: 0 }\n .sm-border-right-none { border-right: 0 }\n .sm-border-bottom-none { border-bottom: 0 }\n .sm-border-left-none { border-left: 0 }\n\n .sm-rounded { border-radius: var(--border-radius) }\n .sm-circle { border-radius: 50% }\n\n .sm-rounded-top { border-radius: var(--border-radius) var(--border-radius) 0 0 }\n .sm-rounded-right { border-radius: 0 var(--border-radius) var(--border-radius) 0 }\n .sm-rounded-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius) }\n .sm-rounded-left { border-radius: var(--border-radius) 0 0 var(--border-radius) }\n\n .sm-not-rounded { border-radius: 0 }\n}\n" }, { "path": "modules/responsive-border/package.json", "content": "{\n \"name\": \"basscss-responsive-border\",\n \"version\": \"1.1.1\",\n \"description\": \"Responsive border styles module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-border.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.6\",\n \"postcss-cli\": \"^2.5.2\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.1\",\n \"postcss-import\": \"^8.1.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/accell/basscss-responsive-border.git\"\n },\n \"keywords\": [\n \"basscss\",\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\"\n ],\n \"author\": \"Eric Colón\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/accell/basscss-responsive-border/issues\"\n },\n \"homepage\": \"https://github.com/accell/basscss-responsive-border\"\n}\n" }, { "path": "modules/responsive-layout/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-layout/.npmignore", "content": "" }, { "path": "modules/responsive-layout/README.md", "content": "# Basscss Responsive Layout\n\nResponsive layout utilities module for Basscss - http://basscss.com\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n" }, { "path": "modules/responsive-layout/index.css", "content": "/* Basscss Responsive Layout */\n\n@import \"./lib/sm-layout\";\n@import \"./lib/md-layout\";\n@import \"./lib/lg-layout\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --width-1: 24rem;\n --width-2: 32rem;\n --width-3: 48rem;\n --width-4: 64rem;\n}\n\n" }, { "path": "modules/responsive-layout/lib/lg-layout.css", "content": "\n@media (--breakpoint-lg) {\n\n .lg-inline { display: inline }\n .lg-block { display: block }\n .lg-inline-block { display: inline-block }\n .lg-table { display: table }\n .lg-table-cell { display: table-cell }\n\n .lg-overflow-hidden { overflow: hidden }\n .lg-overflow-scroll { overflow: scroll }\n .lg-overflow-auto { overflow: auto }\n\n .lg-left { float: left }\n .lg-right { float: right }\n\n}\n\n" }, { "path": "modules/responsive-layout/lib/md-layout.css", "content": "\n@media (--breakpoint-md) {\n\n .md-inline { display: inline }\n .md-block { display: block }\n .md-inline-block { display: inline-block }\n .md-table { display: table }\n .md-table-cell { display: table-cell }\n\n .md-overflow-hidden { overflow: hidden }\n .md-overflow-scroll { overflow: scroll }\n .md-overflow-auto { overflow: auto }\n\n .md-left { float: left }\n .md-right { float: right }\n\n}\n\n" }, { "path": "modules/responsive-layout/lib/sm-layout.css", "content": "\n@media (--breakpoint-sm) {\n\n .sm-inline { display: inline }\n .sm-block { display: block }\n .sm-inline-block { display: inline-block }\n .sm-table { display: table }\n .sm-table-cell { display: table-cell }\n\n .sm-overflow-hidden { overflow: hidden }\n .sm-overflow-scroll { overflow: scroll }\n .sm-overflow-auto { overflow: auto }\n\n .sm-left { float: left }\n .sm-right { float: right }\n\n}\n\n" }, { "path": "modules/responsive-layout/package.json", "content": "{\n \"name\": \"basscss-responsive-layout\",\n \"version\": \"1.0.1\",\n \"description\": \"Responsive layout utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-layout.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-margin/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-margin/.npmignore", "content": "" }, { "path": "modules/responsive-margin/README.md", "content": "# Basscss Responsive Margin\n\nResponsive margin utilities module for Basscss - http://basscss.com\n\nMargin utilities are based on a global white space scale defined with variables.\nThese utilities use a shorthand naming convention.\n\n## 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
p Padding
t Top
r Right
b Bottom
l Left
x X-axis (left and right)
y Y-axis (top and bottom)
n Negative
1 --space-1 (default .5rem)
2 --space-2 (default 1rem)
3 --space-3 (default 2rem)
4 --space-4 (default 4rem)
\n
\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\nChange or reset default margins using the global white space scale.\nNegative x-axis margins are used to offset padding.\nMargin auto is used to horizontally center block-level elements with a set width.\n\n## Larger margins at wider breakpoints\n\n```html\n
Hamburger
\n```\n\n## Larger grid gutters at wider breakpoints\n\nWhen combined with basscss-grid and basscss-responsive-padding, grid gutters can be changed at different breakpoints.\n\n```html\n
\n
Column
\n
Column
\n
\n```\n\n" }, { "path": "modules/responsive-margin/index.css", "content": "/* Basscss Responsive Margin */\n\n@import \"./lib/sm-margin\";\n@import \"./lib/md-margin\";\n@import \"./lib/lg-margin\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --space-1: .5rem;\n --space-2: 1rem;\n --space-3: 2rem;\n --space-4: 4rem;\n}\n\n" }, { "path": "modules/responsive-margin/lib/lg-margin.css", "content": "\n@media (--breakpoint-lg) {\n\n .lg-m0 { margin: 0 }\n .lg-mt0 { margin-top: 0 }\n .lg-mr0 { margin-right: 0 }\n .lg-mb0 { margin-bottom: 0 }\n .lg-ml0 { margin-left: 0 }\n .lg-mx0 { margin-left: 0; margin-right: 0 }\n .lg-my0 { margin-top: 0; margin-bottom: 0 }\n\n .lg-m1 { margin: var(--space-1) }\n .lg-mt1 { margin-top: var(--space-1) }\n .lg-mr1 { margin-right: var(--space-1) }\n .lg-mb1 { margin-bottom: var(--space-1) }\n .lg-ml1 { margin-left: var(--space-1) }\n .lg-mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }\n .lg-my1 { margin-top: var(--space-1); margin-bottom: var(--space-1) }\n\n .lg-m2 { margin: var(--space-2) }\n .lg-mt2 { margin-top: var(--space-2) }\n .lg-mr2 { margin-right: var(--space-2) }\n .lg-mb2 { margin-bottom: var(--space-2) }\n .lg-ml2 { margin-left: var(--space-2) }\n .lg-mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }\n .lg-my2 { margin-top: var(--space-2); margin-bottom: var(--space-2) }\n\n .lg-m3 { margin: var(--space-3) }\n .lg-mt3 { margin-top: var(--space-3) }\n .lg-mr3 { margin-right: var(--space-3) }\n .lg-mb3 { margin-bottom: var(--space-3) }\n .lg-ml3 { margin-left: var(--space-3) }\n .lg-mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }\n .lg-my3 { margin-top: var(--space-3); margin-bottom: var(--space-3) }\n\n .lg-m4 { margin: var(--space-4) }\n .lg-mt4 { margin-top: var(--space-4) }\n .lg-mr4 { margin-right: var(--space-4) }\n .lg-mb4 { margin-bottom: var(--space-4) }\n .lg-ml4 { margin-left: var(--space-4) }\n .lg-mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }\n .lg-my4 { margin-top: var(--space-4); margin-bottom: var(--space-4) }\n\n .lg-mxn1 { margin-left: calc(var(--space-1) * -1); margin-right: calc(var(--space-1) * -1); }\n .lg-mxn2 { margin-left: calc(var(--space-2) * -1); margin-right: calc(var(--space-2) * -1); }\n .lg-mxn3 { margin-left: calc(var(--space-3) * -1); margin-right: calc(var(--space-3) * -1); }\n .lg-mxn4 { margin-left: calc(var(--space-4) * -1); margin-right: calc(var(--space-4) * -1); }\n\n .lg-ml-auto { margin-left: auto }\n .lg-mr-auto { margin-right: auto }\n .lg-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n" }, { "path": "modules/responsive-margin/lib/md-margin.css", "content": "\n@media (--breakpoint-md) {\n\n .md-m0 { margin: 0 }\n .md-mt0 { margin-top: 0 }\n .md-mr0 { margin-right: 0 }\n .md-mb0 { margin-bottom: 0 }\n .md-ml0 { margin-left: 0 }\n .md-mx0 { margin-left: 0; margin-right: 0 }\n .md-my0 { margin-top: 0; margin-bottom: 0 }\n\n .md-m1 { margin: var(--space-1) }\n .md-mt1 { margin-top: var(--space-1) }\n .md-mr1 { margin-right: var(--space-1) }\n .md-mb1 { margin-bottom: var(--space-1) }\n .md-ml1 { margin-left: var(--space-1) }\n .md-mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }\n .md-my1 { margin-top: var(--space-1); margin-bottom: var(--space-1) }\n\n .md-m2 { margin: var(--space-2) }\n .md-mt2 { margin-top: var(--space-2) }\n .md-mr2 { margin-right: var(--space-2) }\n .md-mb2 { margin-bottom: var(--space-2) }\n .md-ml2 { margin-left: var(--space-2) }\n .md-mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }\n .md-my2 { margin-top: var(--space-2); margin-bottom: var(--space-2) }\n\n .md-m3 { margin: var(--space-3) }\n .md-mt3 { margin-top: var(--space-3) }\n .md-mr3 { margin-right: var(--space-3) }\n .md-mb3 { margin-bottom: var(--space-3) }\n .md-ml3 { margin-left: var(--space-3) }\n .md-mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }\n .md-my3 { margin-top: var(--space-3); margin-bottom: var(--space-3) }\n\n .md-m4 { margin: var(--space-4) }\n .md-mt4 { margin-top: var(--space-4) }\n .md-mr4 { margin-right: var(--space-4) }\n .md-mb4 { margin-bottom: var(--space-4) }\n .md-ml4 { margin-left: var(--space-4) }\n .md-mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }\n .md-my4 { margin-top: var(--space-4); margin-bottom: var(--space-4) }\n\n .md-mxn1 { margin-left: calc(var(--space-1) * -1); margin-right: calc(var(--space-1) * -1); }\n .md-mxn2 { margin-left: calc(var(--space-2) * -1); margin-right: calc(var(--space-2) * -1); }\n .md-mxn3 { margin-left: calc(var(--space-3) * -1); margin-right: calc(var(--space-3) * -1); }\n .md-mxn4 { margin-left: calc(var(--space-4) * -1); margin-right: calc(var(--space-4) * -1); }\n\n .md-ml-auto { margin-left: auto }\n .md-mr-auto { margin-right: auto }\n .md-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n" }, { "path": "modules/responsive-margin/lib/sm-margin.css", "content": "\n@media (--breakpoint-sm) {\n\n .sm-m0 { margin: 0 }\n .sm-mt0 { margin-top: 0 }\n .sm-mr0 { margin-right: 0 }\n .sm-mb0 { margin-bottom: 0 }\n .sm-ml0 { margin-left: 0 }\n .sm-mx0 { margin-left: 0; margin-right: 0 }\n .sm-my0 { margin-top: 0; margin-bottom: 0 }\n\n .sm-m1 { margin: var(--space-1) }\n .sm-mt1 { margin-top: var(--space-1) }\n .sm-mr1 { margin-right: var(--space-1) }\n .sm-mb1 { margin-bottom: var(--space-1) }\n .sm-ml1 { margin-left: var(--space-1) }\n .sm-mx1 { margin-left: var(--space-1); margin-right: var(--space-1) }\n .sm-my1 { margin-top: var(--space-1); margin-bottom: var(--space-1) }\n\n .sm-m2 { margin: var(--space-2) }\n .sm-mt2 { margin-top: var(--space-2) }\n .sm-mr2 { margin-right: var(--space-2) }\n .sm-mb2 { margin-bottom: var(--space-2) }\n .sm-ml2 { margin-left: var(--space-2) }\n .sm-mx2 { margin-left: var(--space-2); margin-right: var(--space-2) }\n .sm-my2 { margin-top: var(--space-2); margin-bottom: var(--space-2) }\n\n .sm-m3 { margin: var(--space-3) }\n .sm-mt3 { margin-top: var(--space-3) }\n .sm-mr3 { margin-right: var(--space-3) }\n .sm-mb3 { margin-bottom: var(--space-3) }\n .sm-ml3 { margin-left: var(--space-3) }\n .sm-mx3 { margin-left: var(--space-3); margin-right: var(--space-3) }\n .sm-my3 { margin-top: var(--space-3); margin-bottom: var(--space-3) }\n\n .sm-m4 { margin: var(--space-4) }\n .sm-mt4 { margin-top: var(--space-4) }\n .sm-mr4 { margin-right: var(--space-4) }\n .sm-mb4 { margin-bottom: var(--space-4) }\n .sm-ml4 { margin-left: var(--space-4) }\n .sm-mx4 { margin-left: var(--space-4); margin-right: var(--space-4) }\n .sm-my4 { margin-top: var(--space-4); margin-bottom: var(--space-4) }\n\n .sm-mxn1 { margin-left: calc(var(--space-1) * -1); margin-right: calc(var(--space-1) * -1) }\n .sm-mxn2 { margin-left: calc(var(--space-2) * -1); margin-right: calc(var(--space-2) * -1) }\n .sm-mxn3 { margin-left: calc(var(--space-3) * -1); margin-right: calc(var(--space-3) * -1) }\n .sm-mxn4 { margin-left: calc(var(--space-4) * -1); margin-right: calc(var(--space-4) * -1) }\n\n .sm-ml-auto { margin-left: auto }\n .sm-mr-auto { margin-right: auto }\n .sm-mx-auto { margin-left: auto; margin-right: auto }\n\n}\n\n" }, { "path": "modules/responsive-margin/package.json", "content": "{\n \"name\": \"basscss-responsive-margin\",\n \"version\": \"1.1.0\",\n \"description\": \"Responsive margin utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-margin.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-padding/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-padding/.npmignore", "content": "" }, { "path": "modules/responsive-padding/README.md", "content": "# Basscss Responsive Padding\n\nResponsive padding utilities module for Basscss - http://basscss.com\n\nPadding utilities are based on a global white space scale defined with variables.\nThese utilities use a shorthand naming convention.\n\n## Naming Convention\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
p Padding
t Top
r Right
b Bottom
l Left
x X-axis (left and right)
y Y-axis (top and bottom)
1 --space-1 (default .5rem)
2 --space-2 (default 1rem)
3 --space-3 (default 2rem)
4 --space-4 (default 4rem)
\n
\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\nChange or reset default padding using the global white space scale.\n\n## Larger padding at wider breakpoints\n\n```html\n
Hamburger
\n```\n\n" }, { "path": "modules/responsive-padding/index.css", "content": "/* Basscss Responsive Padding */\n\n@import \"./lib/sm-padding\";\n@import \"./lib/md-padding\";\n@import \"./lib/lg-padding\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --space-1: .5rem;\n --space-2: 1rem;\n --space-3: 2rem;\n --space-4: 4rem;\n}\n\n" }, { "path": "modules/responsive-padding/lib/lg-padding.css", "content": "\n@media (--breakpoint-lg) {\n\n .lg-p0 { padding: 0 }\n .lg-pt0 { padding-top: 0 }\n .lg-pr0 { padding-right: 0 }\n .lg-pb0 { padding-bottom: 0 }\n .lg-pl0 { padding-left: 0 }\n .lg-px0 { padding-left: 0; padding-right: 0 }\n .lg-py0 { padding-top: 0; padding-bottom: 0 }\n\n .lg-p1 { padding: var(--space-1) }\n .lg-pt1 { padding-top: var(--space-1) }\n .lg-pr1 { padding-right: var(--space-1) }\n .lg-pb1 { padding-bottom: var(--space-1) }\n .lg-pl1 { padding-left: var(--space-1) }\n .lg-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n .lg-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n\n .lg-p2 { padding: var(--space-2) }\n .lg-pt2 { padding-top: var(--space-2) }\n .lg-pr2 { padding-right: var(--space-2) }\n .lg-pb2 { padding-bottom: var(--space-2) }\n .lg-pl2 { padding-left: var(--space-2) }\n .lg-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n .lg-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n\n .lg-p3 { padding: var(--space-3) }\n .lg-pt3 { padding-top: var(--space-3) }\n .lg-pr3 { padding-right: var(--space-3) }\n .lg-pb3 { padding-bottom: var(--space-3) }\n .lg-pl3 { padding-left: var(--space-3) }\n .lg-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n .lg-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n\n .lg-p4 { padding: var(--space-4) }\n .lg-pt4 { padding-top: var(--space-4) }\n .lg-pr4 { padding-right: var(--space-4) }\n .lg-pb4 { padding-bottom: var(--space-4) }\n .lg-pl4 { padding-left: var(--space-4) }\n .lg-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n .lg-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n\n}\n\n" }, { "path": "modules/responsive-padding/lib/md-padding.css", "content": "\n@media (--breakpoint-md) {\n\n .md-p0 { padding: 0 }\n .md-pt0 { padding-top: 0 }\n .md-pr0 { padding-right: 0 }\n .md-pb0 { padding-bottom: 0 }\n .md-pl0 { padding-left: 0 }\n .md-px0 { padding-left: 0; padding-right: 0 }\n .md-py0 { padding-top: 0; padding-bottom: 0 }\n\n .md-p1 { padding: var(--space-1) }\n .md-pt1 { padding-top: var(--space-1) }\n .md-pr1 { padding-right: var(--space-1) }\n .md-pb1 { padding-bottom: var(--space-1) }\n .md-pl1 { padding-left: var(--space-1) }\n .md-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n .md-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n\n .md-p2 { padding: var(--space-2) }\n .md-pt2 { padding-top: var(--space-2) }\n .md-pr2 { padding-right: var(--space-2) }\n .md-pb2 { padding-bottom: var(--space-2) }\n .md-pl2 { padding-left: var(--space-2) }\n .md-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n .md-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n\n .md-p3 { padding: var(--space-3) }\n .md-pt3 { padding-top: var(--space-3) }\n .md-pr3 { padding-right: var(--space-3) }\n .md-pb3 { padding-bottom: var(--space-3) }\n .md-pl3 { padding-left: var(--space-3) }\n .md-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n .md-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n\n .md-p4 { padding: var(--space-4) }\n .md-pt4 { padding-top: var(--space-4) }\n .md-pr4 { padding-right: var(--space-4) }\n .md-pb4 { padding-bottom: var(--space-4) }\n .md-pl4 { padding-left: var(--space-4) }\n .md-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n .md-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n\n}\n\n" }, { "path": "modules/responsive-padding/lib/sm-padding.css", "content": "\n@media (--breakpoint-sm) {\n\n .sm-p0 { padding: 0 }\n .sm-pt0 { padding-top: 0 }\n .sm-pr0 { padding-right: 0 }\n .sm-pb0 { padding-bottom: 0 }\n .sm-pl0 { padding-left: 0 }\n .sm-px0 { padding-left: 0; padding-right: 0 }\n .sm-py0 { padding-top: 0; padding-bottom: 0 }\n\n .sm-p1 { padding: var(--space-1) }\n .sm-pt1 { padding-top: var(--space-1) }\n .sm-pr1 { padding-right: var(--space-1) }\n .sm-pb1 { padding-bottom: var(--space-1) }\n .sm-pl1 { padding-left: var(--space-1) }\n .sm-px1 { padding-left: var(--space-1); padding-right: var(--space-1) }\n .sm-py1 { padding-top: var(--space-1); padding-bottom: var(--space-1) }\n\n .sm-p2 { padding: var(--space-2) }\n .sm-pt2 { padding-top: var(--space-2) }\n .sm-pr2 { padding-right: var(--space-2) }\n .sm-pb2 { padding-bottom: var(--space-2) }\n .sm-pl2 { padding-left: var(--space-2) }\n .sm-px2 { padding-left: var(--space-2); padding-right: var(--space-2) }\n .sm-py2 { padding-top: var(--space-2); padding-bottom: var(--space-2) }\n\n .sm-p3 { padding: var(--space-3) }\n .sm-pt3 { padding-top: var(--space-3) }\n .sm-pr3 { padding-right: var(--space-3) }\n .sm-pb3 { padding-bottom: var(--space-3) }\n .sm-pl3 { padding-left: var(--space-3) }\n .sm-px3 { padding-left: var(--space-3); padding-right: var(--space-3) }\n .sm-py3 { padding-top: var(--space-3); padding-bottom: var(--space-3) }\n\n .sm-p4 { padding: var(--space-4) }\n .sm-pt4 { padding-top: var(--space-4) }\n .sm-pr4 { padding-right: var(--space-4) }\n .sm-pb4 { padding-bottom: var(--space-4) }\n .sm-pl4 { padding-left: var(--space-4) }\n .sm-px4 { padding-left: var(--space-4); padding-right: var(--space-4) }\n .sm-py4 { padding-top: var(--space-4); padding-bottom: var(--space-4) }\n\n}\n\n" }, { "path": "modules/responsive-padding/package.json", "content": "{\n \"name\": \"basscss-responsive-padding\",\n \"version\": \"1.1.0\",\n \"description\": \"Responsive padding utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-padding.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-position/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-position/.npmignore", "content": "" }, { "path": "modules/responsive-position/README.md", "content": "# Basscss Responsive Position\n\nResponsive position utilities module for Basscss - http://basscss.com\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n" }, { "path": "modules/responsive-position/index.css", "content": "/* Basscss Responsive Position */\n\n@import \"./lib/sm-position\";\n@import \"./lib/md-position\";\n@import \"./lib/lg-position\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n" }, { "path": "modules/responsive-position/lib/lg-position.css", "content": "\n@media (--breakpoint-lg) {\n .lg-relative { position: relative }\n .lg-absolute { position: absolute }\n .lg-fixed { position: fixed }\n\n .lg-top-0 { top: 0 }\n .lg-right-0 { right: 0 }\n .lg-bottom-0 { bottom: 0 }\n .lg-left-0 { left: 0 }\n \n .lg-static { position: static }\n}\n" }, { "path": "modules/responsive-position/lib/md-position.css", "content": "\n@media (--breakpoint-md) {\n .md-relative { position: relative }\n .md-absolute { position: absolute }\n .md-fixed { position: fixed }\n\n .md-top-0 { top: 0 }\n .md-right-0 { right: 0 }\n .md-bottom-0 { bottom: 0 }\n .md-left-0 { left: 0 }\n \n .md-static { position: static }\n}\n" }, { "path": "modules/responsive-position/lib/sm-position.css", "content": "\n@media (--breakpoint-sm) {\n .sm-relative { position: relative }\n .sm-absolute { position: absolute }\n .sm-fixed { position: fixed }\n\n .sm-top-0 { top: 0 }\n .sm-right-0 { right: 0 }\n .sm-bottom-0 { bottom: 0 }\n .sm-left-0 { left: 0 }\n \n .sm-static { position: static }\n}\n" }, { "path": "modules/responsive-position/package.json", "content": "{\n \"name\": \"basscss-responsive-position\",\n \"version\": \"1.0.0\",\n \"description\": \"Responsive position utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-position.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-type-scale/.gitignore", "content": "\ncss\n" }, { "path": "modules/responsive-type-scale/.npmignore", "content": "" }, { "path": "modules/responsive-type-scale/README.md", "content": "\n# Basscss Responsive Type Scale\n\nResponsive type scale utilities module for Basscss - http://basscss.com\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n" }, { "path": "modules/responsive-type-scale/index.css", "content": "/* Basscss Responsive Type Scale */\n\n@import \"./lib/sm-type-scale\";\n@import \"./lib/md-type-scale\";\n@import \"./lib/lg-type-scale\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n --h00: 4rem;\n --h0: 3rem;\n --h1: 2rem;\n --h2: 1.5rem;\n --h3: 1.25rem;\n --h4: 1rem;\n --h5: .875rem;\n --h6: .75rem;\n}\n\n" }, { "path": "modules/responsive-type-scale/lib/lg-type-scale.css", "content": "\n@media (--breakpoint-lg) {\n .lg-h00 { font-size: var(--h00) }\n .lg-h0 { font-size: var(--h0) }\n .lg-h1 { font-size: var(--h1) }\n .lg-h2 { font-size: var(--h2) }\n .lg-h3 { font-size: var(--h3) }\n .lg-h4 { font-size: var(--h4) }\n .lg-h5 { font-size: var(--h5) }\n .lg-h6 { font-size: var(--h6) }\n}\n\n" }, { "path": "modules/responsive-type-scale/lib/md-type-scale.css", "content": "\n@media (--breakpoint-md) {\n .md-h00 { font-size: var(--h00) }\n .md-h0 { font-size: var(--h0) }\n .md-h1 { font-size: var(--h1) }\n .md-h2 { font-size: var(--h2) }\n .md-h3 { font-size: var(--h3) }\n .md-h4 { font-size: var(--h4) }\n .md-h5 { font-size: var(--h5) }\n .md-h6 { font-size: var(--h6) }\n}\n\n" }, { "path": "modules/responsive-type-scale/lib/sm-type-scale.css", "content": "\n@media (--breakpoint-sm) {\n .sm-h00 { font-size: var(--h00) }\n .sm-h0 { font-size: var(--h0) }\n .sm-h1 { font-size: var(--h1) }\n .sm-h2 { font-size: var(--h2) }\n .sm-h3 { font-size: var(--h3) }\n .sm-h4 { font-size: var(--h4) }\n .sm-h5 { font-size: var(--h5) }\n .sm-h6 { font-size: var(--h6) }\n}\n\n" }, { "path": "modules/responsive-type-scale/package.json", "content": "{\n \"name\": \"basscss-responsive-type-scale\",\n \"version\": \"1.0.1\",\n \"description\": \"Responsive type scale utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-type-scale.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "modules/responsive-typography/README.md", "content": "# Basscss Responsive Typography\n\nResponsive typography utilities module for Basscss - http://basscss.com\n\n## Prefix Naming Convention\nThese styles follow the same breakpoint prefix convention as other Basscss modules.\n\n
\n \n \n \n \n \n \n \n \n \n \n
Prefix Description
(no prefix) Not scoped to a breakpoint
sm- --breakpoint-sm (default: min-width 40em)
md- --breakpoint-md (default: min-width 52em)
lg- --breakpoint-lg (default: min-width 64em)
\n
\n\n" }, { "path": "modules/responsive-typography/css/responsive-typography.css", "content": "/* Basscss Responsive Typography */\n\n@media (min-width: 40em) {\n .sm-left-align { text-align: left }\n .sm-center { text-align: center }\n .sm-right-align { text-align: right }\n .sm-justify { text-align: justify }\n}\n\n@media (min-width: 52em) {\n .md-left-align { text-align: left }\n .md-center { text-align: center }\n .md-right-align { text-align: right }\n .md-justify { text-align: justify }\n}\n\n@media (min-width: 64em) {\n .lg-left-align { text-align: left }\n .lg-center { text-align: center }\n .lg-right-align { text-align: right }\n .lg-justify { text-align: justify }\n}\n\n\n" }, { "path": "modules/responsive-typography/index.css", "content": "/* Basscss Responsive Typography */\n\n@import \"./lib/sm-typography\";\n@import \"./lib/md-typography\";\n@import \"./lib/lg-typography\";\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n" }, { "path": "modules/responsive-typography/lib/lg-typography.css", "content": "\n@media (--breakpoint-lg) {\n .lg-left-align { text-align: left }\n .lg-center { text-align: center }\n .lg-right-align { text-align: right }\n .lg-justify { text-align: justify }\n}\n" }, { "path": "modules/responsive-typography/lib/md-typography.css", "content": "\n@media (--breakpoint-md) {\n .md-left-align { text-align: left }\n .md-center { text-align: center }\n .md-right-align { text-align: right }\n .md-justify { text-align: justify }\n}\n" }, { "path": "modules/responsive-typography/lib/sm-typography.css", "content": "\n@media (--breakpoint-sm) {\n .sm-left-align { text-align: left }\n .sm-center { text-align: center }\n .sm-right-align { text-align: right }\n .sm-justify { text-align: justify }\n}\n" }, { "path": "modules/responsive-typography/package.json", "content": "{\n \"name\": \"basscss-responsive-typography\",\n \"version\": \"1.0.1\",\n \"description\": \"Responsive typography utilities module for Basscss\",\n \"scripts\": {\n \"prepublish\": \"mkdir -p css && postcss index.css -u postcss-import -u postcss-custom-media -u postcss-custom-properties -u autoprefixer -o css/responsive-typography.css\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.3.1\",\n \"postcss-cli\": \"^2.5.0\",\n \"postcss-custom-media\": \"^5.0.1\",\n \"postcss-custom-properties\": \"^5.0.0\",\n \"postcss-import\": \"^8.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/basscss/addons.git\"\n },\n \"keywords\": [\n \"css\",\n \"oocss\",\n \"fcss\",\n \"functional-css\",\n \"atomic\",\n \"basscss\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/basscss/addons/issues\"\n },\n \"homepage\": \"https://github.com/basscss/addons\"\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"basscss-addons\",\n \"version\": \"1.1.0\",\n \"description\": \"Optional modules to extend Basscss\",\n \"keywords\": [\n \"basscss\",\n \"functional-css\",\n \"atomic\",\n \"oocss\",\n \"utility\"\n ],\n \"author\": \"Brent Jackson\",\n \"license\": \"MIT\",\n \"dependencies\": {\n \"colors.css\": \"^3.0.0\"\n }\n}\n" } ]