Как пользовать svg спрайты в TARS на less?

Question

[lavezzi1]

Использую сборку tars, закинул свг картинки в img/svg, пошел процесс. В файле svg-sprites.less сформировалось следующее:

@add-plus-hover: -4px -4px 32px 33px 40px 61px './test.svg' 'add-plus-hover';
  @add-plus: -4px -41px 16px 16px 40px 61px './test.svg' 'add-plus';

.svg-sprite-position(@svg-sprite) {
  @svg-sprite-offset-x: ~`"@{svg-sprite}".split(', ')[0].replace('[', '')`;
  @svg-sprite-offset-y: ~`"@{svg-sprite}".split(', ')[1]`;
  background-position: @svg-sprite-offset-x  @svg-sprite-offset-y;
}

.bg-svg(@svg-sprite, @repeat: no-repeat) {
    background-image: url('%=static=%svg-sprite/sprite.svg');
    .svg-sprite-position(@svg-sprite);
    width: ~`"@{svg-sprite}".split(', ')[2]`;
    height: ~`"@{svg-sprite}".split(', ')[3]`;

    background-repeat: @repeat;
}

И как этим пользоваться? Для sass понятно, вот так @include bg-svg(); А для less how?

Answer 1

[Shirokuiu]

.bg-svg(@svg-image-name);