@at2x_path not working in LESS mixin about retinajs HOT 4 CLOSED

Found this on here and it works:

@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";

.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; });

@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

from retinajs.

Agree, for me current Less convertion doesn't work. In particular there is a problem with ../img/… names where "../" could be in the beginning. And what I see the compiled css looks like background-image: url("http://mysite.com/css/'../img/[email protected]''". So you can see there are extra — ' — in the path.

from retinajs.

@iband im having that same issue. Did you find a fix for it?

from retinajs.

@marshallwilde yes, I did. The same fix as above, just github replaced "`" character. Check the screenshot.

Hope this helps :)

from retinajs.