css - 少守卫 : positive percentage

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%);
}

作品in the online LESS converter .