title: What is the right syntax for .less variable interpolation?
body: <p>I've got a .less stylesheet with the following construct:</p>
  
  <pre><code>@width:600;
  
  .some-style
  {
      width:@{width}px;
  }
  </code></pre>
  
  <p>and this gives the following error:</p>
  
  <pre><code>Expected '}' on line x in file '..\styles.less'
  </code></pre>
  
  <p>I need those braces, because I need to distinguish the variable from the following <code>px</code> suffix (<code>@widthpx</code> doesn't work because then it looks for a variable called <code>widthpx</code>).  And I can't use a space because <code>600 px</code> isn't valid css.  Using parentheses instead of curly braces doesn't work either.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p><strong>Update</strong>: I installed the latest version of .less from the Package Manager, and now it works a little better, but with a fatal flaw:</p>
  
  <pre><code>   width:@(width)px;  &lt;--note the parentheses
  </code></pre>
  
  <p>now compiles, but emits this CSS:</p>
  
  <pre><code>  600 px  &lt;--note the space, which is invalid CSS, thus useless.
  </code></pre>
  
  <p><strong>Solved</strong>: ScottS pointed me to the solution.  In addtion to his two methods, it looks like the compiler can do math on string.  So this works:</p>
  
  <pre><code>@width:600px;
  
  .some-style
  {
      width:@width / 2;  &lt;--correctly emits "300px"
  }
  </code></pre>