Error parsing \9 hacks in minified CSS.

[ghost]

hello, the parser doesn't seem to correctly handle the \9 IE hack. this file exhibits the problem:
https://github.com/TalksLab/metro-bootstrap/blob/master/css/metro-bootstrap.css
thanks in advance, sean.

[lukeapage]

you can do ~"\9" or ~"\\9" (sorry forget which) to get the value into less.

your example is minified css which makes it difficult to work out what exactly you are referring to.

isn't the less already correct and working in the less folder (https://github.com/TalksLab/metro-bootstrap/tree/master/less) ?

[ghost]

thanks for your help. I was trying to avoid downloading all the less files but will either do that or escape the backslashes.

cheers,
sean

On Dec 5, 2012, at 6:44 AM, Luke Page [email protected] wrote:

you can do ~"\9" or ~"\9" (sorry forget which) to get the value into less.

your example is minified css which makes it difficult to work out what exactly you are referring to.

isn't the less already correct and working in the less folder (https://github.com/TalksLab/metro-bootstrap/tree/master/less) ?

—
Reply to this email directly or view it on GitHub.

[kriku]

Luke, sry, but ~"\9" add hack with whitespace before it, so he don't work

[seven-phases-max]

@kriku By now Less compiles statements like width: 100px\9; just fine, the only problem is it requires ; at the end (see #2207). Hence the problem in this issue: a minified CSS has no ;. Solution: do not use minified CSS files as Less sources.

As for the whitespace problem with ~"", you can put the whole value there e.g.:

width: ~"100px\9";

(Though yet again, escaping is not really necessary for \9 except some special cases).

[kriku]

but if you want put some variable? something like

height: (@navbar-height - 1) ~"\9";

this code add whitespace after variable, like height: 49px \9; and this code dont work
and yes i just hardcode value

[seven-phases-max]

but if you want put some variable?

@navbar-height: 33px;

.z {
    @height: (@navbar-height - 1);
    height: ~"@{height}\9";
}

[kriku]

Thanks! Really cool features! And helpfull community!