我只是想问一下LESSCSS中是否可以使用提取函数,而值存储在LESS变量中?
这就是我正在使用的:
@basic: #ffffff, #000000, #333333;
@classes: white, black, gray;
.make-color(@i: length(@basic)) when (@i > 0) {
.make-color(@i - 1);
@color: extract(@basic, @i);
@class: extract(@classes, @i);
.@{class} {
color: @color;
}
}
}
这就是我想要的
@white: #ffffff;
@black: #000000;
@gray: #333333;
@basic: @white, @black, @gray;
@classes: white, black, gray;
.make-color(@i: length(@basic)) when (@i > 0) {
.make-color(@i - 1);
@color: extract(@basic, @i);
@class: extract(@classes, @i);
.@{class} {
color: @color;
}
}
}
当我尝试第二个时,它会返回一个编译过的css:
.white{
color: @white;
}
.black{
color: @black;
}
.gray{
color: @gray;
}
但我的目标是这样的:
.white{
color: #ffffff;
}
.black{
color: #000000;
}
.gray{
color: #333333;
}