Client Bundle CSS3 parsing

[mtrebizan]

I have found out that Client Bundle can't parse -moz-, -webkit-, -o- and other gradients in CSS3. At least in my CSS I don't see it. As anyone else experienced this problems?

[Chris Price]

Lots of people :)

https://groups.google.com/forum/?fromgroups#!searchin/google-web-toolkit/css3$20gradient

> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-web-toolkit/-/u5IyJfgxUaUJ.
> To post to this group, send email to google-we...@googlegroups.com.
> To unsubscribe from this group, send email to
> google-web-tool...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.

[Joseph Lust]

Generally speaking, you should not be using vendor specific prefixes. The W3C has recently been on the war path on this very issue. As such, I would not expect GWT and Google to officially support an officially unsupported CSS property.

Usually you can get away with these sorts of things with the literal() function ClientBundle to get around the unrecognized gradient constructor:

i.e.

div-with-literal {

     background-image: literal("linear-gradient(...)");

}

Note however this does not help you get around an unsupported property name like -moz-transition. I'm not yet sure how to achieve this.

Sincerely,

Joseph

[Carlos Alexandro Becker]

You can inject it has a text resource and use the class names directly, or from a constants interface. We do something like that in GWT-Bootstrap (http://gwtbootstrap.github.com/).