LESS: Loop dynamic selector rule (CSS)

looper.less

.looper(@class, @property, @unit: px, @min: 0, @max: 10, @step: 1) {
	.loop(@i) when (@i <= @max) {
		@cls: e(replace(@class, '\*', @i, 'g'));
		@{cls} {
			@{property}: unit(@i, @unit);
		}
		.loop(@i + @step);
	}
	.loop(@min);
}
/*
Usage:
.looper('.w-*', width, px); ===> .w-0 {width: 0px} ... .w-10 {width: 10px}
.looper('.h-*,', height, %, 0, 100, 10); ===> .h-0 {height: 0%} ... .h-100 {height: 100%}

Only support single rule.
*/