I'm working with LESS in CQ 5.5 and running into an issue with background images. A relative url "url(images/bg.png)" gets compiled in the generated css to "apps/myapp/components/mycomponent/clientlib/css/images/bg.png". This means that the final browser request ends up looking for an image at "apps/myapp/components/mycomponent/apps/myapp/components/mycomponent/clientlib/css/images/bg.png". This appears to be a bug, has anyone run into this issue and found a fix or workaround?
For anyone who is interested, I found a work around. The url needs to be escaped. url("images/bg.png") becomes url(~"clientlib/css/images/bg.png"). Or if you want to define an image path variable:
Note the double escape tildas or it won't work.