Как написать миксин на LESS?

Question

[Котик Антон]

Как с помощью less написать .icon-before(), чтобы:

.icon-before("post", "file", "book", "check", "image", "globe", /* ... */ "data" );

превращался в:

.icon-post:before { content: '\e800'; }
.icon-file:before { content: '\e801'; }
.icon-book:before { content: '\e802'; }
.icon-check:before { content: '\e803'; }
.icon-image:before { content: '\e804'; }
.icon-globe:before { content: '\e805'; }
// ...
.icon-data:before { content: '\e80f'; }

Answer 1

[neolink]

.icon-before(@list...) {
    .do(@index, @list) when (@index <= length(@list)) {
            @name: extract(@list, @index);           
            .icon-@{name}:before {
                content: replace(%("\%a", rgb(0, 232, @index)), "#00", '') 
            }               
           .do(@index + 1, @list);
    }
    .do(1, @list);
}
.icon-before(post, file, book, check, image, globe, data, a1, a2, a3, a4);

jsfiddle.net/jwdrb6m6

Answer 2

[Виталий Киренков]

На сколько я знаю - в лессе нет циклов, они есть в сассе.

Comments

[Виталий Киренков]

@korobochkin: крутяк. Правда непонятно его практическое применение =)