less 遍历数组
在网上搜到的都是使用 when 的方式,其实自从 3.7.0 起官方提供了 each 函数来遍历
@primary: blue;
@danger: red;
@warning: yellow;
@success: green;
@colors: primary, danger, warning, success;
each(@colors, {
.bg-@{value} {
background-color: @@value;
}
})
等价于 css
.bg-primary {
background-color: blue;
}
.bg-danger {
background-color: red;
}
.bg-warning{
background-color: yellow;
}
.bg-success {
background-color: green;
}