flexys

1.0.3 • Public • Published

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

  1. Install from NPM:

    npm install --save flexys
    
  2. Install from Bower:

    bower install --save flexys
    
  3. 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
    

Readme

Keywords

Package Sidebar

Install

npm i flexys

Weekly Downloads

2

Version

1.0.3

License

MIT

Last publish

Collaborators

  • jaychsu