jsk-grid
v1.0.0
Published
Semantic grid implementation for Stylus.
Downloads
6
Readme
JumperSkirt: Grid
A modular semantic grid implementation for Stylus, with namespacing conventions, based off Semantic Grid by Tayler Tate.
Example
<header> ... </header>
<article> ... </article>
<aside> ... </aside>
header
jsk-grid-column: 12
article
jsk-grid-column: 9
aside
jsk-grid-column: 3
Installing
Grab it from NPM:
$ npm install jsk-grid
Using within Stylus
@import "jsk-grid"
Using the JavaScript API
var stylus = require('stylus')
var jskGrid = require('jsk-grid')
stylus(source).use(jskGrid)
.render(function(err, css) {
/* do something with the css */
})
Documentation
You can read the documentation online or build it yourself:
$ git clone git://github.com/robotlolita/jsk-grid.git
$ cd jsk-grid
$ npm install
$ make documentation
Then open the file docs/literate/index.html
in your browser.
Licence
Copyright (c) 2013 Quildreen Motta.
Released under the MIT licence.