title: Relative URL not working in .less
body: <p>I am using .less.
  I defined a base .less that will be used in different locations.</p>
  
  <pre><code>http://&lt;host&gt;/&lt;contextpath&gt;/components/base.less
  </code></pre>
  
  <p>In this base file I want to define a font family. I am doing like this.</p>
  
  <pre><code>@font-face {
      font-family: 'icomoon';
      src:url('fonts/icomoon.eot?-b472hj');
      src:url('fonts/icomoon.eot?#iefix-b472hj') format('embedded-opentype'),
          url('fonts/icomoon.woff?-b472hj') format('woff'),
          url('fonts/icomoon.ttf?-b472hj') format('truetype'),
          url('fonts/icomoon.svg?-b472hj#icomoon') format('svg');
      font-weight: normal;
  }
  </code></pre>
  
  <p>The fonts directory is in same directory as base.less.
  Now I want to use this in two seperate location in different modules. 
  When I use this font family it is not showing. If I change the url in and make it relative to one module then it will work in one module and not other. I am referencing this base in other .less file like this.</p>
  
  <pre><code>@import '../../components/base.less';
  </code></pre>
  
  <p>This import location will be relative to the module.
  How can I resolve this ?
  I want to reference fonts from current directory in which base.less is present. But right now it is relative to path at which base.less is imported.</p>
  
  <p>For ex: module 1</p>
  
  <pre><code>/module1/style.less
  module 2
  /module2/somedirectory/somedirectory/style.less
  </code></pre>
  
  <p>If a import base.less in module2. The fonts directory path has to be specified relative to module2.
  I don't want to change path depending on modules.</p>