LessCSS - Filtro gradiente IE con variabili e schiarimento

Question

Ho bisogno di avere un filtro gradiente IE in Less CSS con una variabile e schiarire. È possibile?

#whatever { 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@grayColor, 3%)', endColorstr='@greenColor', GradientType=0); 
} 

Answer 1

Per quanto ne so non è possibile combinare l'escaping (perché è ciò che è necessario qui) e le funzioni del colore (lighen). Quindi dovrai memorizzare il valore startColor in un'altra variabile.

@grayColor :#dddddd; 
@greenColor : #ff0000; 
@start : lighten(@grayColor, 3%); 
.css { 
    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{start}', endColorstr='@{greenColor}', GradientType=0)"; 
} 

Answer 2

È possibile inserire variabili in corda e "stamparli" nel processo di concatenation.Empty stringa necessità di stringa get come rezult di concatenazione. Tutte le variabili saranno inserite nella stringa

@filterStr: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{upper}', endColorstr='@{bottom})',GradientType=1)"; 
@emptyStr: ""; 
filter:e(@filterStr+@emptyStr);