使用Less来循环问题

时间:2017-02-23 10:14:45

标签: loops less less-mixins

我正在尝试通过循环创建以下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); 

0 个答案:

没有答案