A flexbox grid system
bower install flex.grid
// or
npm install flex.grid
The grid system exposes two variables, $gridBreak
, defaulted to 767px
and $gutterWidth
defaulted to 1em
.
If you want to change the values, declare new variable values before importing the partial.
// Grid Settings
$gridBreak: 760px;
$gridGutterWidth: 20px;
// Import Grid
@import 'bower_components/flex.grid/grid';
//Or import from npm
@import 'node_module/flex.grid/grid';
Because flexbox adpoption is still growing, this package is designed to use Autoprefixer to define the required vendor prefixes.