Hi Thomas,
I think this part right here is the clarification I needed:
- mapping class names to/from methods is based on the method name or a
@ClassName annotation (the class name in the CSS file will thus be replaced
with the unique name computed for the method)
So, if you want to reuse a class name in a selector, then use @Import or
@Shared+inheritance. The difference is that with @Shared you're forced to
declare rules for the inherited/shared class names (to satisfy the 4th rule
above), and the class name is accessible from outside the CSS file, from
the CssResource interface (because of inheritance).
I'd like to think I wasn't misunderstanding anything as I can't find
anywhere in the doc where it says if you use @Shared with inheritance then
you have to declare all the super cssresource selectors in the extending
cssresource's css. It was for this reason that I was adding the extended
CssResource's css to the source declaration of the extending cssresource. I
thought that redeclaring the super's selectors (as empty rules of course)
in the extending css again to avoid the GWT errors felt like a hack
especially if you consider that any time you add a new class to the super
css you would have to redeclare the same class in all extending css. This
didn't feel as going in the direction of maintainability which is why I was
redeclaring the css in the @source (even though the leads to duplicate
rules being inserted). But as I see that this is the state of things
currently I'd gladly redeclare the selectors as empty ones in all the
extending css as seeing the error to fix is much better than inserting a
whole bunch of duplicate css.
For reference, with this in mind, the example I gave Jens above would need
the following changes to work correctly without duplication or the
precedence override issue:
My.css would contain:
.genButton,.genButtonOther{} /*redeclare super selectors as empty to avoid
GWT error*/
.myButton{
background: red;
}
And the MyCss declaration in MyClientBundle would be changed simply to:
@Source("My.css")
MyCss myCss();
This is what you're referring to right? And thanks again for the detailed
explanation, this will be extremely useful as a reference and complement to
the doc.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
