Scaling referenced (<use>) inlined SVGs with CSS by using height/width along with auto

[openscript]

According to this guide on the root svg element the width/height or the viewbox needs to be set, so the svg can properly scaled via CSS, when either height or width is set to auto.

The generated sprite from svg-sprite I embed like this:

<svg version="2.0">
  <use href="sprite.svg#logo" />
</svg>

I think it would be a great feature for svg-sprite to export a JSON file with some meta information about the sprites like width, height and viewBox, which then can dynamically added.

[Kreeg]

@openscript hello!
All the data (except viewbox) can be found here in the shape field. You can easily calculate the viewBox like 0 0 ${shape.width.inner} ${shape.height.inner}