Frontsize - Example to use spriteCoordinates mixin

example-sprite-coordinates.html

<div class="sprite-16 pencil"></div>

<div class="sprite-16 brush top-margin"></div>

<div class="sprite-16 ruler top-margin"></div>

<div class="sprite-16 pen top-margin"></div>

sprite-coordinates.less

.sprite-16 {
    
    @size : 16px;
    .sprite("sprites-16.svg", @size);

    &.pencil {
        .spriteCoordinates(0, 0);
    }
    &.brush {
        .spriteCoordinates(@size, 0);
    }
    &.ruler {
        .spriteCoordinates((@size * 2), 0);
    }
    &.pen {
        .spriteCoordinates(@size, (@size * 2));
    }
}

spriteCoordinates

Param	Default value	Required	Comment
@positionX	0	no
@positionY	0	no