Frontsize - How to create a retina ready bitmap sprite

retina-ready-sprite.html

This is how to create a sprite which is retina ready
<div class="sprite-retina-ready foo"></div>
<div class="sprite-retina-ready bar"></div>

retina-ready-sprite.less

.sprite-retina-ready {

    @spriteWidth: 32px;
    @spriteHeight: @spriteWidth;
    @imageWidth: 64px;
    @imageHeight: 32px;

    .spriteRetina("sprite-1x.png", "sprite-2x.png", @spriteWidth, @spriteHeight, @imageWidth, @imageHeight);

    .setSprite(foo, 0, 0, @spriteWidth);
    .setSprite(bar, 1, 0, @spriteWidth);
}