Применение блока кода для анимации в LESS

Давайте сделаем функцию, задающую ключевые кадры анимации:

.keyframes(@name, @code) {
	@keyframes @name {@code();}
}

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

.keyframes(anim, {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
});

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

@keyframes anim {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
}