title: Is there a way to set a common image path for LESS files?
body: <p>I am using the <a href="http://lesscss.org/">LESS</a> styling language.</p>
  
  <p>Consider the following CSS:</p>
  
  <pre><code>.side-bg
  {
      background:url(../img/layout/side-bg.jpg) top no-repeat;    
  }
  </code></pre>
  
  <p>Right now all of my images are in the folder <code>../img/</code> I wanted to be able to set a variable as the image path and use it like so:</p>
  
  <pre><code>@image-path: ../img;
  
  .side-bg
  {
      background:url(@image-path/layout/side-bg.jpg) top no-repeat;   
  }
  </code></pre>
  
  <p>This does not work however. Its not a huge deal, I could always use <em>find and replace</em> if the image folder ever changed. I am just starting to learn LESS and was wondering if something like this is possible.</p>