apoleshchuk / spritify-demo

Sample config for build sprites via grunt task

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple build retinafy sprites via grunt task

Usage:

grunt spritify:path/to/dir/

Sample:

git clone https://github.com/apoleshchuk/spritify-demo.git
npm install
grunt spritify:demo/

Stylus sample:

$7up = json("demo/sprite__7up.json", { hash: true })
.icon
    image("demo/sprite__7up.png", unit($7up.properties.width, px), unit($7up.properties.height, px))
    for $name, $data in $7up.coordinates
        &_{$name}
            background-position: unit($data.x, px) unit($data.y, px)
            width: unit($data.width, px)
            height: unit($data.height, px)

About

Sample config for build sprites via grunt task


Languages

Language:JavaScript 77.9%Language:CSS 22.1%