Как использовать переменную в качестве названия класса в миксине LESS?

Question

[Дамир Саяхов]

Осторожно, страшный неправильный синтаксис.
Как можно написать подобный миксин?

.social(@social, @color){
	.color_.@social{
		color: @color;
	}
}

Что бы при подобном вызове

.social('facebook', '#ff0000');
.social('vkontakte', '#00ff00');

был такой результат?

.color_facebook{
	color: #ff0000;
}
.color_vkontakte{
	color: #00ff00;
}

Я понимаю что LESS сейчас не ок, но, пожалуйста, не нужно советовать что-либо ещё. Нужно решить этот вопрос на LESS.
Спасибо.

Comments

[Дмитрий Лузанов]

Чем LESS не ок?

Answer 1

[Flan]

Так?

.social(@social, @color){
  .color_@{social} {
    color: @color;
  }
}

.social(facebook, #ff0000);
.social(vkontakte, #00ff00);

Предпросмотр