@antenando/flexboxgrid2
v7.2.4
Published
Grid based off of CSS3 flexbox specification
Downloads
5
Readme
flexboxgrid2
Modern 12 column grid system based on flex property.
Motivation
Forked from kristoferjoseph/flexboxgrid because original project seems abandoned (kristoferjoseph/flexboxgrid#236, kristoferjoseph/flexboxgrid#229, kristoferjoseph/flexboxgrid#211, etc).
Breakpoints
xs
: 0..639pxsm
: 640..767pxmd
: 768..1023pxlg
: 1024..1279pxxl
: 1280px+.container
padding: 8px.container
width: $breakpoint - 16px.col-*
padding: 8px
Install
yarn
yarn add flexboxgrid2
npm
npm i -S flexboxgrid2
Usage
webpack
import 'flexboxgrid2'
// or if you use airbnb-config-eslint which explicitly wants .css extension
import 'flexboxgrid2/flexboxgrid2.css'
unpkg.com CDN
<link rel="stylesheet" href="https://unpkg.com/flexboxgrid2@[version]/flexboxgrid2.css">
Replace [version]
with current version, f.e. 7.1.0