Add svg dimensions to sprite object

When using the svg sprite in sass as background, the container dimensions or background size need to be used to scale the svg. Often the svg needs to be used in ins original dimensions, so it would be really helpful to be able to access these in sass. Could you consider changing the generated sprite object like so:

$sprites: (
    'mySVG': (
	svg: "data:image/svg+xml,%3csvg xmlns...",
	width: 14.5,
	height: 5
   )
);

The mixin would need to be changed like so:

@mixin sprite($name) {
    $obj: map-get($sprites, $name);
    $sprite: map-get($obj, svg);
    background: url($sprite) center no-repeat;
}

That would add the possibility to overwrite the mixin with a custom one that uses the original dimensions of the svg:

@mixin sprite($name) {
    $obj: map-get($sprites, $name);
    $sprite: map-get($obj, svg);
    background: url($sprite) center no-repeat;
    background-size: map-get($obj, width)px map-get($obj, height)px;
}

You could also consider adding an optional parameter to the mixin that sets the svg to it’s original size.

Thanks!

[cascornelissen]

@galymax, thanks again for the suggestion and PR. This feature has been released in version 2.7.0. 🚀

[cascornelissen]

Agreed (we can always change it in a future major release), if you want you’re free to submit a PR, if not I’ll take a look at this when I have some more time.