Flexbox Grid

Customizable flexbox grid.

Usage

SCSS

Recommended: use the node-sass|libSass includePaths option to reference your node folder.

You can setup custom values for your grid. Follow instructions here for a how to.

Additionally, you can set $fg-columns as a list to generate a grid with multiple bases:

$fg-columns: 10, 12, 16;

You can also set different spacing per breakpoint using $fg-gutter. Note: You can skip a breakpoint if you want.

$fg-gutter: (xs: 0.5rem, md: 1rem, lg: 1.5rem);

Finally, import the grid into your file:

@import '@bva/flex-grid';