jumper-skirt

Sleek & minimalist UI framework for Stylus

npm install jumper-skirt
4 downloads in the last month

JumperSkirt

Sleek. Sexy. Minimalist.

JumperSkirt is a Stylus framework that brings those goals together for web app UI. It encodes the UX view for OrpheOS applications in a simple to use library. What else could you ask for?

Usage

Grab it from NPM:

$ npm install jumper-skirt

Then either include through the command line stylus:

$ stylus -I node_modules/jumper-skirt/src your-stylus-dir/

Or use the Stylus plugin on Node:

var jumperSkirt = require('jumper-skirt')
var stylus = require('stylus')

stylus(yourStyleSheet)
  .use(jumperSkirt)
  .render(function(err, css) {
    /* do stuff with the compiled CSS here */
  })

Then just import the relevant files in your Stylus files:

@import "jumper-skirt/layout/typography"
@import "jumper-skirt/layout/grid"

#header
  jsk-grid-make-column: 12

#content
  jsk-grid-make-column: 9

#sidebar
  jsk-grid-make-column: 3

Testing

Run the bundled test server to see the test suite:

$ npm run-script test
# or alternatively $ node test/run-tests

Licence

JumperSkirt is licensed under the delicious and permissive MIT licence. You can happily copy, share, modify, sell or whatever — refer to the actual licence text for less information:

$ less LICENCE.txt
npm loves you