A lightweight responsive CSS framework based on flexible box ( flexbox )
http://inc2734.github.io/basis/
https://github.com/inc2734/basis
$ npm install sass-basis
- Import basis.scss your Sass/SCSS.
@import /PATH/TO/node_modules/basis/src/scss/basis;
or Just this link.
<link rel="stylesheet" href="/PATH/TO/node_modules/basis/dist/css/basis.min.css" />
- Download the basis from https://github.com/inc2734/basis/releases
- Build basis
$ cd /PATH/TO/basis
$ npm install
$ gulp build
- Import basis.scss your Sass/SCSS.
@import /PATH/TO/basis/src/scss/basis;
or Just this link.
<link rel="stylesheet" href="/PATH/TO/basis/dist/css/basis.min.css" />
Support IE9 ( Not perfect )
<!--[if lt IE 10]>
<link rel="stylesheet" href="/PATH/TO/basis/dist/css/plugin/basis-ie9/basis-ie9.min.css" />
<![endif]-->
Modern Browser and IE10+
- MIT License
- github.com/necolas/normalize.css
- Fire Travis CI only master and develop.
- Added release branch from Travis CI
- Added viewport at the doc.
- Refactoring gulpfile.js
- Refactoring the grid gutter.
- Fixed grid system bugs.
- Changed directories and files name.
- Changed the col class name.
- Changed to use normalize.css of npm.
- Added vertical mode for the media module.
- Added FLOCSS object type prefix.
- Added IE9 Support ( optional )
- Added some utility classes.
- Removed
._c-row__col--flex
and added._c-row--fill
- Removed
._c-row--row
,._c-row--column
- Changed prefix of class name.
- Changed grid system classes name.
- Changed break points.
- Changed form control classes.
- Changed heading elements margin.
- Removed table classes.
- Removed button size classes.
- Removed colors classes.
- Added media object class.
- Remove text alignment classes.
- Changed directory structure.
- Remove .bs-item--full
- Refactoring grid system.
- Added hidden classes.
- Changed font size unit. px to rem.
- Changed base font size.
- Changed wrapper styles.
- Added .bs-container--size-no-gutter
- Removed xs prefix.
- Added button styles.
- Updated alert style.
- Updated wrapper style.
- Added default flags.
- Changed heading elements font size.
- Added styles: heading secondary text, tables.
- Added text alignment classes.
- Updated code element style.
- Added normalize.css
- Added styles: Lists, Blockquote, Forms.
- Added container-gutter style.
- Fixed button style.
- Release
GPLv2 or later