robbschiller / flex

A Flexbox grid system

Flex

A flexbox grid system

Installation

bower install flex.grid
// or
npm install flex.grid

Usage

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';

Requirements

Because flexbox adpoption is still growing, this package is designed to use Autoprefixer to define the required vendor prefixes.