Transformation using vendor prefixes in LESS

Let's make functions that will set transformations cross-browser via the functions rotate and skew:

.rotate(@r) {
	-moz-transform+_: rotate(@r);
	-webkit-transform+_: rotate(@r);
	transform+_: rotate(@r);
}
.skew(@s) {
	-moz-transform+_: skew(@s);
	-webkit-transform+_: skew(@s);
	transform+_: skew(@s);
}

Let's use our functions:

div {
	.rotate(10deg);
	.skew(10deg);
}

Compilation result:

div {
	-moz-transform: rotate(10deg) skew(10deg);
	-webkit-transform: rotate(10deg) skew(10deg);
	transform: rotate(10deg) skew(10deg);
}