title: Combining multiple "transform" entries in Less
body: <p>I have two mixins which both convert to <code>-webkit-transform</code>:</p>
  
  <pre><code>.rotate(@deg) {
    -webkit-transform: rotate(@deg);
  }
  
  .scale(@factor) {
    -webkit-transform: scale(@factor);
  }
  </code></pre>
  
  <p>When I use them together:</p>
  
  <pre><code>div {
    .rotate(15deg);
    .scale(2);
  }
  </code></pre>
  
  <p>... they (as expected) show up as:</p>
  
  <pre><code>div {
    -webkit-transform: rotate(15deg);
    -webkit-transform: scale(2);
  }
  </code></pre>
  
  <p>This doesn't seem to be valid CSS as the second has precedence over the first; the first is discarded. To combine <code>transform</code> entries it should be:</p>
  
  <pre><code>-webkit-transform: rotate(15deg) scale(2);
  </code></pre>
  
  <p>How can I accomplish such CSS to be generated by LESS, i.e. multiple <code>transform</code> entries that are combined correctly?</p>