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
Browser | Version |
---|---|
IE | 10+ |
Chrome | 1+ |
Firefox | 2+ |
Safari | 3.1+ |
Opera | 12.1+ |
Android | 2.1+ |
iOS | 3.2+ |
BlackBerry | 10+ |
Quickstart
-
Install from NPM:
npm install --save flexys
-
Install from Bower:
bower install --save flexys
-
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 localdist/
folder.
or
- Find released
.css
files atdist/
.
- Run
Override
Set variables to override original one in src/flexys/_variables.scss
.
Development
There have two tasks to make development more convenient:
-
Release Flexys: compile latest flexys to
.css
files, and saved indist/
.gulp release
-
Develop demo page: start a local server and watch all changed files.
gulp serve