css - 少守卫：正百分比

Question

可悲的是，我已经尝试过凝视它，但没有结果。

我想做的是变亮/变暗混合，具体取决于百分比：如果百分比<0，则执行“变暗（@color，@light）”，否则如果百分比> 0，则执行“变亮（ @color，@light）”。

像这样的东西：

._changeColor(@color, @light) when (ispercentage(@light)) and (@light > 0%) {
    color: lighten(@color, @light);
}

但它不想工作。我用过类似的东西

.mixin (@a) when (isnumber(@a)) and (@a > 0) {...}

它工作得很好......如果对百分比有什么特别的想法，有什么想法吗？

谢谢 ！=)

Answer 1

除了“不起作用”之外，究竟是什么问题？

这个

._changeColor(@color, @light) when (ispercentage(@light)) and (@light > 0%) {
    color: lighten(@color, @light);
}


._changeColor(@color, @light) when (ispercentage(@light)) and  (@light < 0%) {
    color: darken(@color, @light * -1);
}

.foo {
  ._changeColor(#ff00ff, -10%);
}

在在线 LESS 转换器中工作。