title: Escape character in LESS CSS inserts unwanted spaces
body: <p>I am trying to write the LESS code corresponding to the following CSS code for generating gradient in IE.</p>
  
  <pre><code>filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9600',endColorstr='#ff6900');
  </code></pre>
  
  <p>following is the LESS code:</p>
  
  <pre><code>.gradient(@start_color, @end_color)
  {
      filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='"@start_color~"',endColorstr='"@end_color~"')";
  }
  .gradient(#ff9600,#ff6900)
  </code></pre>
  
  <p>on compilation it gives the following CSS code:</p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #ff9600 ', endColorstr=' #ff6900 ');
  </code></pre>
  
  <p>As you can see there are spaces inserted on both sides of the color values because of which IE doesn't read the colors correctly. </p>
  
  <p>I have compiled the LESS code using <a href="http://crunchapp.net/">http://crunchapp.net/</a> as well as <a href="http://winless.org/">http://winless.org/</a> and both are providing the same results. Is there a hack to avoid these spaces. Thanks.</p>