目前,我有一个颜色列表(例如):
@colors: {
base: #716aca;
brand: #716aca;
danger: #c14549;
warning: #ffb822;
success: #34bfa3;
primary: #5867dd;
black: #000000;
}
我具有each
函数,该函数可对所有颜色进行迭代并生成我们可以使用的所有可能的规则颜色:
each(@colors, .(@value, @key, @index) {
.rules-here-@{key} {
attribute: @value;
}
}
我无法工作的是这样的:
.getColor(@color);
我将在其他地方使用的地方,例如:
div.system-warning-notification {
background-color: .getColor('base');
color: .getColor('danger');
}
我不知道这是否有可能。我已经为此失去了一个多星期的想法,没有任何进展。
如果不可能的话,我可以生成变量,这样就可以像这样访问它们了:
@color-base: #716aca;
无需手动创建它们?
非常感谢,我希望我问对了。我是新来的。