Grid based off of CSS3 flexbox specification
npm install flexboxgrid-sassFlexbox Grid Sass
===========
This work is an adaptation from the original Flexbox Grid created by @kristoferjoseph.
Grid based on the flex display property. Check the documentation
About
------
By trying the Flexbox Grid we saw the internal need to a SASS version of it. Thanks to the good work of Kristopher Joseph, we forked his project and sassified it.
Install
---------
npm i flexboxgrid-sass --savebower install --save flexboxgrid-sassUse
---------
To modify the Flexbox grid, declare the following variables on your layout .scss
#### Set the number of columns you want to use on your layout.$grid-columns: 12;
#### Set the gutter between columns.
$gutter-width: 1rem;
#### Set a margin for the container sides.
$outer-margin: 1rem;
#### Create or remove breakpoints for your project
You can modify, remove or create breakpoints before generate the final CSS.
``
$breakpoints:
sm 48rem,
md 64rem,
lg 80rem,
xlg 90rem,
newbreakpoint 120rem;