title: Using math functions to get integer values
body: <p>I have some LessCSS that essentially looks like this:</p>
  
  <pre><code>.foo {
      @height: 20px;
      @iconHeight: 13px;
  
      background-position: 0 (@height - @iconHeight) / 2;
  }
  </code></pre>
  
  <p>However, this obviously turns out as <code>background-position: 0 3.5px</code>, and I'd prefer for it to be an integer (the value of <code>Math.ceil</code>), however this doesn't work:</p>
  
  <pre><code>background-position: 0 Math.ceil((@height - @iconHeight) / 2)
  </code></pre>
  
  <p>Nor does using the javascript evaluation operator:</p>
  
  <pre><code>background-position: 0 `Math.ceil((@height - @iconHeight) / 2)`
  </code></pre>
  
  <p>...since this is parsed as <code>Math.ceil(20px - 13px)</code> and the "px" there is a syntax error.</p>
  
  <p>I've even tried using <code>parseInt</code></p>
  
  <pre><code>0 `Math.ceil((parseInt('@{height}', 10) - parseInt('@{iconHeight}', 10)) / 2)`px
  </code></pre>
  
  <p>However this turns out like this:</p>
  
  <pre><code>background-position: 0 4 px
  </code></pre>
  
  <p>...which isn't right. And finally, even adding the "px" in the JS evaluation doesn't work</p>
  
  <pre><code>background-position: 0 `Math.ceil(....) + "px"`;
  // becomes
  background-position: 0 "4px";
  </code></pre>
  
  <p>Surely there's a better way!</p>