Variable @colour, does not work in IE

Jul 11, 2012 at 4:35 AM
Edited Jul 11, 2012 at 4:36 AM

Got one method for combres .box-gradient(@start, @end) in the css file.  We got each browser support and started to implement it on IE, using "-ms-filter" and "filter", the problem with that is the combres don't actually replace the @start colour variable instead it actually renders @start string literally.


.box-gradient (@start, @end) {  

 filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end)";   

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end)";


Result in captured by IE is the same.  Any ideas on how to specifically tell combres that it should replace the colour variable as specified?

Jul 11, 2012 at 5:18 PM

I suppose you're using HandleCssVariablesFilter? If that's the case, just make sure you include this in the <filters> element

    <filter type="Combres.Filters.HandleCssVariablesFilter, Combres" 
	    acceptedResourceSets="YOUR_SET_NAME" />
If you use LESS, do the same with the DotLessCssFilter or DotLessCssCombineFilter.