Как сделать миксин data-uri в LESS?

Question

[Сергей Сергеевич]

Всем привет.
Можете подсказать или ткнуть носом в ссылку, как сделать миксин в LESS для генерации data-uri svg:

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

чтобы не писать это постоянно, а просто вставить путь к изображению.
Я пытался сделать, но не происходит генерация, чую подвох что надо что-то экранировать. Заранее спасибо!

Answer 1

[Alex]

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

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

Получается такой код:

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

Пробую на версии less 2.6.0

Comments

[Сергей Сергеевич]

Ничего не понимаю, делал также — не конвертировал, а просто подставлял путь к картинке. Затупил где-то. Спасибо вам большое!