Skip to content

zcreativelabs/fiber-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fiber-css

An atomic css framework focused on responsive design

Getting started

Fiber-css is available as an npm module:

$ npm install fiber-css

Why use 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

Setup

Precompiled

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).

Custom build

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.

License

MIT licensed. Copyright (c) Richard Zimerman 2017. See LICENSE.md for more details.