handle relative URLs in live mode

[graingert]

The less live compiler appears to not resolve relative URLs correctly.

When using a file eg "/static/foo/bar/main.less" any url() statements encountered should be resolved relative to that as a base URL. Currently they are passed through unchanged and, because the compiled CSS is included in-line all the URLs are resolved relative to the base of the web page.

url("../../fonts/foo.woff") should become url("/static/fonts/foo.woff")

url("./foo.img") should become url("/static/foo/bar/foo.img")

[seven-phases-max]

relativeUrls?

[graingert]

I have false set: "When false, URLs are already relative to the entry less file." but the URLs are relative to the document (current web page) not the entry less file

[seven-phases-max]

You need to set it to true. (Yes, the description is quite awkward, simple:

false: do not adjust urls, true: do

or a sort of would be better).

[graingert]

If I set that to true won't

static/less/myapp/main.less

@include "./mymodule/bar.less"

static/less/myapp/mymodule/bar.less

div {
    background: url("../../img/foo.jpg")
}

end up as:

div {
    background: url("/static/less/img/foo.jpg")
}

rather than:

div {
    background: url("/static/img/foo.jpg")
}

[seven-phases-max]

It will. But that's your duty to organize image urls and files in same uniform manner (you can't expect relative urls option to apply selectively, though you can play with rootpath option to find if it can provide some additional help for your dir structure).

[graingert]

I don't want it to apply selectively, I want it to behave the same as a compiled css file.

[graingert]

There should be a third option that rewrites the URLs to be relative to the entry less file. Or the feature should be changed to match the documentation

[seven-phases-max]

Probably you're right, I can see some inconsistency in this situation too (Not sure, I guess it's better to search through old issues to find out if it works this way on purpose or not).

[graingert]

I think this option should be added, but there should be care made to avoid breaking the defaults

[lukeapage]

Im a bit confused. Relative URLs is whether URLs should be made relative to the path from the entry less file to the less file with the URL in. The rootpath option defines a path that should be added to everything and should default to the entry less file.

If this isn't working I think your problem might be because your less files are not descendent from your entry less file. I'd gave to create your example and investigate. Pull requests welcome.

[seven-phases-max]

Just posted my updated vision of this issue at #1510 (comment).