An atomic css framework focused on responsive design
Fiber-css is available as an npm module:
$ npm install fiber-css
- prioritizes responsive design, particularly responsive typography
- uses only rem values
- uses intuitive naming conventions
- is also available as separate pre-compiled modules
- makes complex responsive patterns easy to reason about
- leaves semantic abstractions to other frameworks (e.g. React) and only focuses on style properties
Use either the complete fiber-css suite from css/fiber.css
or the minified version css/fiber.min.css
, or use one or more separate modules (e.g. css/modules/typography.css
).
To customize or extend fiber-css, clone this repo
$ git clone https://github.com/zcreativelabs/fiber-css.git
$ cd fiber-css
$ npm install
make your changes, and build your custom version of fiber-css:
$ npm run css:prepare
To learn more about building a custom css pipeline check out How to set up a postcss pipeline with variable sharing in gulp.
MIT licensed. Copyright (c) Richard Zimerman 2017. See LICENSE.md for more details.