Less.js function which generates all prefixes for given CSS property

cssPrefixes.less

/* Less.js function which generates prefixes any CSS property */
.pf(@prop, @value){
	-:~`";"+"@{prop}:@{value};-webkit-@{prop}:@{value};-moz-@{prop}:@{value};-o-@{prop}:@{value};-ms-@{prop}:@{value}".replace(/'/g,"")`;
}

#container {
	.pf('border-radius', 10px);
	.pf('transform', 'rotate(7deg)');
	.pf('transition','all 1s ease-in-out');
	.pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)');
	.pf('flex', 1);
}

/*
* Example CSS Output:
*
* #container {
*   -: ;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;
*   -: ;transform:rotate(7deg);-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);
* }