jumper-skirt

Sleek & minimalist UI framework for Stylus

Please use jumperskirt instead
Last updated 8 years ago by killdream .
MIT · Repository · Original npm · Tarball · package.json
$ cnpm install jumper-skirt 
SYNC missed versions from official npm registry.

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

Current Tags

  • 0.1.0                                ...           latest (8 years ago)

1 Versions

  • 0.1.0 [deprecated]           ...           8 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 0
Dependencies (0)
None
Dev Dependencies (4)

Copyright 2014 - 2016 © taobao.org |