0
点赞
收藏
分享

微信扫一扫

Less语言特性 - Mixin Guards


如果你想在表达式上匹配简单的值或参数数量,那么你可以使用Guards。 它与mixin声明相关联,并包括附加到mixin的条件。 每个mixin将有一个或多个由逗号分隔的防护,并且guard必须括在括号中。 LESS使用Guards的mixins而不是if / else语句,并执行计算以指定匹配的mixin。
| ​​​Guard比较运算符​​​ |
| ​​​Guard逻辑运算符​​​ |
| ​​​类型检查函数​​​ |
| ​​​LESS Mixin Guards​​

示例

.mixin (@a) when (lightness(@a) >= 50%) {
font-size: 14px;
}
.mixin (@a) when (lightness(@a) < 50%) {
font-size: 16px;
}
.mixin (@a) {
color: @a;
}
.class1 {
.mixin(#FF0000)
}
.class2 {
.mixin(#555)
}

.class1 {
font-size: 14px;
color: #FF0000;
}
.class2 {
font-size: 16px;
color: #555;
}


举报

相关推荐

0 条评论