我正在尝试通过循环创建以下Less。
@brand-gold: #bd9e5e;
&.brand-gold {
background:@brand-gold;
}
&.brand-gold-20 {
background: tint(@brand-gold, 80%)
}
&.brand-gold-40 {
background: tint(@brand-gold, 60%)
}
&.brand-gold-60 {
background: tint(@brand-gold, 40%)
}
&.brand-gold-80 {
background: tint(@brand-gold, 20%)
}
我有许多品牌颜色,想要调用带有颜色的mixin / loop并打印出5个类。
有人可以帮忙吗?
到目前为止,这是我的代码。 我在制作色调%时遇到了麻烦。
@iterations: 5;
@brand-gold: #bd9e5e;
@brand-black: #231f20;
.brand-scale-loop (@i,@colour,@name) when (@i > 0) {
&.brand-@{name}-20 { background: tint(@colour, 80%); }
}
.brand-scale-loop(@iterations,@brand-gold,gold);
.brand-scale-loop(@iterations,@brand-black,black);