2016-05-04 43 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

相關問題