This is a fork of adaptation from the original Flexbox Grid created by @kristoferjoseph.
Grid based on the flex
display property. Check the documentation
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.
npm i flexboxgrid-delta --save
To modify the Flexbox grid, declare the following variables on your layout .scss
$flexboxgrid-grid-columns: 12;
$flexboxgrid-gutter-width: 1rem;
$flexboxgrid-outer-margin: 1rem;
You can modify, remove or create breakpoints before generate the final CSS.
$flexboxgrid-breakpoints:
sm 768px,
md 992px,
lg 1200,
xlg 1680px,
newbreakpoint 120rem;