dotless/dotless — Issue #97: Parse fails if CSS contains has a filter function
Author: ronl
Created: 2011-10-18 14:47:57+00:00
State: open

If have CSS like...

a.test
{
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray', Positive='true');
}

You get the error...
Expected '}' on line 915:
[914]: // dotless parse error rslbad
[915]: filter:progid:dximagetransform.microsoft.dropshadow(offx=4, offy=4, color='gray', positive='true');
--^
[916]: }

Basically, fails with any valid CSS that looks like a function, e.g.

height: expression(top.document.body.clientHeight - 240 + 'px');

I understand something like this is going to be difficult to solve since Dotless provides functions. What about a general escape sequence to have DotLess skip a section of CSS. This could always be a workaround for others than run into weird CSS issues that won't parse. e.g.

a.test
{
color : blue;
//+DOTLESS take anything here literally without any parsing
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray', Positive='true');
//-DOTLESS
}