node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org ยป

retinify

This small utility outputs CSS, mapping background-position rules using a multiplier argument.

This is useful for custom retina stylesheets and other devices with different resolutions.

Example

Example file sprites.css:

.sprite1 {
    background-position: -40px -60px;
}

By running retinify sprites.css 2 > sprites-hd.css you get

.sprite1 {
    background-position: -80px -120px;
}

Syntax

retinify <file.css> [<multiplier>]

If the multiplier argument is ommitted, defaults to 2.

Installation

[sudo] npm install -g retinify