Novelty Palliates Malaise
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

@matochondrion/basscss-responsive-flexbox

1.0.0 • Public • Published

@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

install

npm i @matochondrion/basscss-responsive-flexbox

Downloadsweekly downloads

24

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar