Frontsize - How to create a multiple size SVG sprites

svg-sprite-example.html

These are 16px sprites
<div class="sprites-16 foo"></div>
<div class="sprites-16 bar"></div>

These are 32px sprites using the same SVG image
<div class="sprites-32 foo"></div>
<div class="sprites-32 bar"></div>

svg-sprite-example.less

@spriteWidth: 16px;
@spriteHeight: 16px;
@backgroundWidth: 512px;
@backgroundHeight: 512px;

.sprite-16,
.sprite-32 {
    .sprite("sprites-16.svg", @spriteWidth);
}

.sprite-16 {
    .setSprite(foo, 0, 0, @spriteWidth, @spriteHeight);
    .setSprite(bar, 1, 0, @spriteWidth, @spriteHeight);
}

.sprite-32 {
    @scale: 2;
    .scaleSprite(@scale, @spriteWidth, @spriteHeight, @backgroundWidth, @backgroundHeight);
    .setSprite(foo, 0, 0, @spriteWidth, @spriteHeight, @scale);
    .setSprite(bar, 1, 0, @spriteWidth, @spriteHeight, @scale);
}

sprite minixs list