#@matochondrion/basscss-responsive-flexbox

A basscss/css/postcss component for columns that wrap.

Based on OOCSS principles and frameworks like Basscss.

basscss-responsive-flexbox is an immutable component designed to be skinned with simple module classes.

Features

Adds responsive flexbox classes for sm-, md-, and lg- breakpoints

Low Specificity

Low Specificity makes it easy to style the component without worrying about complicated CSS hierarchies.

No Preset Styling

Shape, colors, overflow, etc are available to the author to implement in any number of combinations. Ie, The styles have not been preset. See examples:

Usage

This module is meant to be an add-on for Basscss. To use, first install a Basscss project (Basscss, Bassplate, Ace, etc... ) with NPM, then install this component with NPM, and then include @import '@matochondrion/basscss-responsive-flexbox'; in the source css file.

Install - NPM

npm i -D @matochondrion/basscss-responsive-flexbox

PostCSS

@import '@matochondrion/basscss-responsive-flexbox';

Examples

These examples assume the document's box-sizing has been set to border-box using a method similar to CSS-Tricks...

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Needs examples.

Explanation

MIT license