A Flexbox grid system
CSS Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
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.