Vendor prefix mixin for LESS

output.css

/* It should output something like this... Easy ! */

.test {
  animation: pulse 0.5s 1 both;
  -ms-animation: pulse 0.5s 1 both;
  -moz-animation: pulse 0.5s 1 both;
  -webkit-animation: pulse 0.5s 1 both;
  -o-animation: pulse 0.5s 1 both;
  
  transition: all 0.25s;
  -ms-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  
  transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
}

vendor-prefix.less

// --------------
// Needs LESS compiler >= 1.6.0
// Docs : http://lesscss.org/features/#variables-feature-properties
// --------------

// 1. Define the mixin

.vendor-prefix(@prop,@val) {
    @{prop}: @val;
    -ms-@{prop}: @val;
    -moz-@{prop}: @val;
    -webkit-@{prop}: @val;
    -o-@{prop}: @val;
}

// 2. Use it

.test {
    .vendor-prefix( animation, pulse .5s 1 both );
    .vendor-prefix( transition, all .25s );
    .vendor-prefix( transform, scale(1.5) );
}