Применение вендорных префиксов для создания скругленных уголков в LESS

Давайте сделаем функцию, которая будет кроссбраузерно скруглять уголки:

.radius(@radius) {
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
}

Воспольуемся нашей функцией:

div {
	.radius(10px);
}

Результат компиляции:

div {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}