Scss Mixin for Dynamic Sprites

Usage:

params: dynamic-sprite(width , Nr. of images, height of srite.png, path to sprite.png, direction to float)

Eg.:

@include dynamic-sprite(50px, 10, 67, 'path to sprite.png', 'left');

Important:

The 3rd param that is for the height of the sprite.png image is in px but dosen't go withe the actual px statement, Just the number value.

Example

Original Sprite:

With Mixing

Floating left:

@include dynamic-sprite(50px, 10, 67, '../images/sprite_flags.png', 'left');

Floating right:

@include dynamic-sprite(30px, 10, 67, '../images/sprite_flags.png', 'right');

Floating none:

@include dynamic-sprite(50px, 10, 67, '../images/sprite_flags.png', 'none');