How to make data-uri mixin in LESS?

Question

css

Hello.
Can you suggest or poke your nose at the link how to make mixin in LESS to generate data-uri svg:

background-image: data-uri('image/svg+xml;charset=UTF-8', 'image.svg')

not to write it all the time, but just insert the path to the image.
I tried to do it, but there is no generation, I smell a catch that something needs to be screened. Thanks in advance!

Answer 1

.svg(@img) {
    background-image: data-uri('image/svg+xml;charset=UTF-8', @img)
}

.test {
    .svg("file.svg")
}

It turns out this code:

.test {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20baseProfile%3D%22full...");
}

I'm trying on version less 2.6.0