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.
Adds responsive flexbox classes for sm-, md-, and lg- breakpoints
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:
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
These examples assume the document's box-sizing has been set to border-box using a method similar to CSS-Tricks...