Comment by [email protected]:
Hi, I have a problem with the point 'removing all nessecary whitespaces'
(aktually I'm working with gwt 2.1.1, because the new gxt-version isn't in
mvn2rep)
my code usually looked like this (other user.agents omitted for
readability):
{{{
@if user.agent safari{
.top {background-color: silver;
background-image: -webkit-gradient(linear,left top,left
bottom,from(white),to(silver));}
}…
}}}
inspecting this with Chromium devtools I see, that the rule becomes to:
{{{
.GEEGQDBNF {
background-color: silver;
background-image:
-webkit-gradient(linear,lefttop,leftbottom,from(white),to(silver));
}
}}}
Ok, looks like the whitespaces get optimized away, but what can I do
against it?
i tried this:
{{{
…
background-image: -webkit-gradient(linear,left\ top, left\ bottom,
from(white), to(silver));
…
/* but it became:*/
background-image: -webkit-gradient(linear,left topp,left
bottomm,from(white),to(silver));
}}}
Escaping other spaces led to similar results with other characters
duplicated.
I'm not sure if I understood the @literal-syntax, because I always get some
warnings and the poperties I use it with don't appear in the optimized
rules.
For more information:
http://code.google.com/p/google-web-toolkit/wiki/CssResource
--
http://groups.google.com/group/Google-Web-Toolkit-Contributors
