Skip to content
Semantic grid implementation for Stylus
CSS JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
jsk-grid
tools
.gitignore
.hgignore
.npmignore
LICENCE
Makefile
README.md
index.js
package.json

README.md

JumperSkirt: Grid

NPM version Dependencies Status stable

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.

Something went wrong with that request. Please try again.