flexys v1.0.3

Flexys

A Light Grid System base on Flexbox, and compiled by Sass now.

To understand how to use Flexys, hit Demo. (Demo page will be completed soon)

Browser Support

Quickstart

2. Install from NPM:

   npm install --save flexys

3. Install from Bower:

   bower install --save flexys

4. Develop with...

   a. Sass: Import these files to your main.scss.

   @import "/node_modules/sass-flex-mixin/_flexbox.scss";
   @import "/node_modules/flexys/src/_flexys.scss";

   b. Native CSS:

   • Run gulp release to generate CSS files.
   • Find compiled .css files in local dist/ folder.

   or

   • Find released .css files at dist/.

Override

Set variables to override original one in src/flexys/_variables.scss.

Development

There have two tasks to make development more convenient:

1. Release Flexys: compile latest flexys to .css files, and saved in dist/.

   gulp release

2. Develop demo page: start a local server and watch all changed files.

   gulp serve