title: Generic `vendors` mixin
body: <p>Defining vendors' mixins is common task under LESS, ie: </p>
  
  <pre><code>.box-shadow() {
      -moz-box-shadow:@arguments;
      -webkit-box-shadow:@arguments;
      -o-box-shadow:@arguments;
      -ms-box-shadow:@arguments;
      box-shadow:@arguments;
  }
  
  .border-radius() {
      -moz-border-radius:@arguments;
      -webkit-border-radius:@arguments;
      -o-border-radius:@arguments;
      -ms-border-radius:@arguments;
      border-radius:@arguments;
  }
  
  ...
  </code></pre>
  
  <p>But it seems a bit repeating...</p>
  
  <hr>
  
  <p>What I would like is a generic <code>vendor</code> mixin which do this for me, ie:</p>
  
  <pre><code>.vendors(@prop, @val) {
      -moz-@prop:@val;
      -webkit-@prop:@val;
      -o-@prop:@val;
      -ms-@prop:@val;
      @prop:@val;
  }
  </code></pre>
  
  <p>Then defining <code>box-shadow</code> mixin would as simple as:</p>
  
  <pre><code>.box-shadow() {
      .vendors(box-shadow, @arguments);
  }
  </code></pre>
  
  <hr>
  
  <p>The problem is my <code>.vendors</code> mixin does not compile...</p>
  
  <p>I tried:</p>
  
  <pre><code>.vendors(@prop, @val) {
      -moz-@prop: @val;        /* Error */
      ~"-moz-@{prop}": @val;   /* Error */
      ~`"-moz-@{prop}": @val;  /* Error */
  }
  </code></pre>
  
  <p>Do you have an idea on how to do this?</p>
  
  <p>Cheers</p>