A Flexbox grid system
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.travis.yml
README.md
_grid.scss
bower.json
package.json
test.sh

README.md

Flex Build Status

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.