2016-05-04 44 views
0

使用LESS,是否有可能具有“变量”函数名称?比方说,我有很多使用darken函数的元素,但是我想(在另一个使用相同样式表的实例中)使用亮度函数。是否有可能将函数本身定义为单个变量?像一个可以在PHP在LESS中使用变量名称作为函数

例如

.element1 {color: darken(@color1, @percent);} 
.element2 {color: darken(@color2, @percent);} 
.element3 {color: darken(@color3, @percent);} 

成为

.element1 {color: lighten(@color1, @percent);} 
.element2 {color: lighten(@color2, @percent);} 
.element3 {color: lighten(@color3, @percent);} 

用一个单一的代码线的变化?

+0

请这个[URL](http://stackoverflow.com/help),它会帮助你,也会出现你的内容质量 –

+0

在这种特定情况下,你可能只是将@百分比值反转,因为'dark(@color,50%)'等于'lighten(@color,-50%)',反之亦然。 –

回答

0

你可以使用混合的插件作为功能,如果你说你真是混合式如下...

.adjustLight(@c, @p){ 
    color: darken(@c, @p); 
} 

和混合可以作为你所期望的......

.element1 {.adjustLight(@color1, @percent);} 
.element2 {.adjustLight(@color2, @percent);} 
.element3 {.adjustLight(@color3, @percent);} 

这将允许您更改adjustLight mixin,而不影响其余的css声明。有在线文档中很好的例子约Parametric MixinsMixins as functions

+0

感谢@Leo,它的价值,我在这里尝试过http://jsfiddle.net/Keef_X/114xp5xp/ – Keef

相关问题