I have a similar problem and posted it on the "cssResource-Wiki page"
generally it would be better to wrap the thing in a if-else to avoid
sending unnecessary stuff to the browser,
like this (won't fix your problem, though):
@if user.agent gecko1_8 {
custom-buttom {background: -moz-linear-gradient(top, white, #72C6E44%,
#0C5FA5);
} @elif user.agent safari {
custom-buttom {background:-webkit-gradient(linear, left top, left
bottom, from(white),
to(#0C5FA5), color-stop(0.03, #72C6E4));
}
but using @literal didn't work for me: I get a warning that some
things would be expected (everything a CSS file can hold, including
<STRING>, which i thought "-webkit-gradient(linear, left top, left
bottom, from(white),to(silver))" would be…)
"escaping" the spaces with backslashes didn't work for me either…
On 11 Apr., 11:55, "[email protected]" <[email protected]> wrote:
> Hi! I'm quite new to GWT (I'm a PHP developer assigned to do the front-
> end of a Java application because of my CSS knowledge) and what I'm
> trying to do is use CSS3 Gradient using a stylesheet imported via
> <ui:style src="main.css">
>
> On main.css I have
>
> .custom-buttom {
> background: -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
> background:-webkit-gradient(linear, left top, left bottom,
> from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
>
> }
>
> But when I try to view via the Google Chrome plugin, it collapses the
> whitespace within the parenthesis leaving me with
>
> .custom-buttom {
> background: -moz-linear-gradient(top, white, #72C6E44%, #0C5FA5);
> background:-webkit-gradient(linear, lefttop, leftbottom, from(white),
> to(#0C5FA5), color-stop(0.03, #72C6E4));
>
> }
>
> which breaks it, hence preventing the rendering of the gradient.
>
> Is there another way to do this or maybe a way to prevent the
> whitespace from collapsing.
>
> Thanks.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
