/flexboxgrid-sass

A Flexbox Grid written in SASS (SCSS).

Primary LanguageCSSOtherNOASSERTION

Flexbox Grid Sass

Grid based on the flex display property.

http://hugeinc.github.io/flexboxgrid-sass

Install

npm

npm i flexboxgrid-sass --save

bower

bower install --save flexboxgrid-sass

Use

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;