mixin中是否可以包含可选值?

时间:2014-12-08 12:16:11

标签: less mixins optional-parameters

可选我的意思是真的可选,即没有默认的后备值。

.fontEMSmall(@color: "", @weight: 300) {
  font-weight: @weight; color: @color;
  font-size: 0.875em;  line-height: 140%;
}

我希望能够使用.fontEMSmall()而无需指定颜色(它适用于color: "",但它不是有效的CSS)..即类似

.fontEMSmall(@color: "", @weight: 300) {
  if(@color) color: @color;
  font-weight: @weight; 
  font-size: 0.875em;  line-height: 140%;
}

这可能吗?

1 个答案:

答案 0 :(得分:0)

请参阅Mixin GuardsCSS Guards,例如:

.fontEMSmall(@color: -, @weight: 300) {
    & when (iscolor(@color)) {color: @color}
    font-weight: @weight; 
    font-size:   0.875em;  
    line-height: 140%;
}