roots-css

terse, modular & powerful css library

Showing:

Popularity

Downloads/wk

0

GitHub Stars

319

Maintenance

Last Commit

5yrs ago

Contributors

37

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

No?

Categories

Deprecated!
please use the 'axis' package instead

Readme

Axis CSS

Axis is a terse, feature-rich css library built on top of stylus. It's a child of the roots build system, but is totally old enough to live on it's own. It can be integrated as a plugin for stylus or included manually.

Detailed documentation for axis can be found here!

Usage

Axis is already integrated into roots by default, and it's super easy to use it there. Definitely the easiest way if you are setting up a project that uses stylus anyway, and it comes with jade and coffeescript already ready out of the box. However, if you do want to include it yourself, here's how to make it happen with stylus/express:

var connect = require('connect')
  , stylus = require('stylus')
  , axis = require('axis-css');

var server = connect();

function compile(str, path) {
  return stylus(str)
    .set('filename', path)
    .use(axis());
}

server.use(stylus.middleware({
    src: __dirname
  , compile: compile
}));

You should have access to all the axis mixins once this is done. Whoo!

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial