Hi there,
I have another skinning proposal. This is a useful feature that is in
xss that I think we should port to skinning css. It is the css property
resetting feature.
A bit of background first. Trinidad defines a base skin. We call this
skin 'simple'. It defines basic, simple css properties for the Trinidad
components. An application developer can create a skin, and this
automatically extends the simple skin. Think of the simple skin as a
base class in Java. You can extend one skin from another, but they are
all derived from the base skin.
When a skin extends the base skin, it is ADDING style properties to the
base skin's style properties.
Let's say the base skin defines the font-size for the
af|inputText::label selector. This means that your skin will inherit
this font. Your skin can redefine font-size, and put a new font-size
instead. But currently, you can't say, "I don't want any font-size
specified on af|inputText::label".
I'm proposing that we come up with a skinning syntax that allows the
person writing a skin to do this.
We have this feature in the .xss syntax. In .xss, you'd do this:
<style name="foo" resetProperties="true"/>
or to reset one property, you'd do this:
<style name="foo">
<property name="font-size"/>
</style>
How could we do this in css-syntax?
One proposal is to add a special property like our '-ora-rule-ref'
property. (by the way, we'll need another discussion on whether to
change the -ora- prefix, and what to change it to).
Here is a proposal:
.foo {-ora-inhibit: all}
.bar {-ora-inhibit: text-align font-size color} // inhibit/reset/null
out these specific properties
Let me know what you think.
Thanks,
Jeanne
