backslash nine ( \9 ) is not working about closure-stylesheets HOT 4 CLOSED

The CSS compiler is not designed to support hacks like this. Instead, the
preferred method is to target browsers with different generated stylesheets
using @if (...) { ... }. (We support the star hack for historical reasons.)

Ian

On Mon, Jun 15, 2015 at 3:37 PM, Max Bruchmann [email protected]
wrote:

Hi,
in the bootstrap css

input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }

I think it is a the same issue as described here on google code
https://code.google.com/p/closure-stylesheets/issues/detail?id=20

Any idea how to work around this without modify the source css?

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

from closure-stylesheets.

Ok, so the only thing I could do to process the source css and replace:

margin-top: 1px \9;

with

@if (BROWSER_IE9) {
margin-top: 1px;
}

and then run the gss once with --define BROWSER_IE9 and once without the flag, I guess?

from closure-stylesheets.

That's the idea, yes. The goal is to have lean stylesheets for each
browser. Perhaps, as older, terrible, browsers die out, we won't even need
that.

Ian

On Mon, Jun 15, 2015 at 4:00 PM, Max Bruchmann [email protected]
wrote:

Ok, so the only thing I could do to process the source css and replace:

margin-top: 1px \9;

with

@if (BROWSER_IE9) {
margin-top: 1px;
}

and then run the gss once with --define BROWSER_IE9 and once without the
flag, I guess?

—
Reply to this email directly or view it on GitHub
#9 (comment)
.

from closure-stylesheets.

cool thanks for the clarification
I guess also for know I simply kick out all "\9;" lines

from closure-stylesheets.