On Apr 11, 12:32 pm, Thomas Broyer <[email protected]> wrote: > On Apr 10, 1:10 pm,ReinierKip<[email protected]> wrote: > > > Hi, > > > I have placed <ui:style src="example.css" /> in my ui xml. This refers > > to a stylesheet that contains (among other rules): > > > > background-image: -webkit-gradient(linear, left top, left bottom, > > > from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0))); > > > In the webpage, this results in a compressed (as in: whitespaces > > removed) inlined stylesheet. Problem: the above rule turns into this: > > > > background-image:-webkit-gradient(linear,lefttop,leftbottom,from(rgba(255,2 > > > 55,255,0.25)),to(rgba(255,255,255,0))); > > > Note 'lefttop' and 'leftbottom'; this is especially problematic, as > > this isn't valid. When 'lefttop' is replaced by, for example, '0% 0%', > > it gets replaced by '00'. Am I doing something wrong or is this a bug? > > It might be a bug yes (either in GWT or in Flute, the CSS parser it > uses). Try this as a workaround: > background-image:: literal("-webkit-gradient(linear, left top, left > bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)))");
That worked! Thanks a lot. I found out that Flute is in fact a CSS2 parser. No wonder it doesn't properly "compress" this CSS3 property. -- 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.
