使用Mixin定义自定义变量

时间:2014-10-24 21:01:06

标签: less

我试图修改颜色的亮度,将其距离的百分比修改为100%,这样我就不会达到100%或更高,导致白色。

老实说,可能会有更聪明的做法,但我的解决方案是尝试这样的事情:

.zeno-lighten(@new-var-name;@color;@percentage:.5){
  @new-lightness: lightness(@color) + (100% - lightness(@color)) * @percentage;
  @{new-var-name}: hsl(hue(@color), saturation(@color), @new-lightness);
}

.cool-div{
  .zeno-lighten(@new-bg;indianred;.5);
}

如果我创建一个静态varname而不是基于mixin中的参数创建它。

谢谢!

0 个答案:

没有答案