Re: [shadow-styling] alternative idea.

> On Feb 8, 2014, at 3:37 PM, Andrew Fedoniouk <news@terrainformatica.com> wrote:
> 
> (as an alternative to this: http://dev.w3.org/csswg/shadow-styling/)
> 
> Let's imagine that we have @-rule named @shadow that defines block of
> rules applied to the shadow tree of some element:
> 
> @shadow dropdown-select {
> 
>   :host > caption { ... }
>   :host > button { ... }
>   :host > popup-list { ... }
>   :host > popup-list > option { ... }
>  ...
> }
> 
> where :host is the element it is applied to. Essentially
> @shadow {} defines style set of sub-tree that is rooted to the host element.
> 
> To apply that shadow styling to the element we can add something
> like 'shadow' property so this:
> 
> select[size=1] {
>  shadow: dropdown-select; /* name of style set */
> }
> 
> will apply @shadow dropdown-select to the shadow three of matching
> <select> elements.
> 
> This schema does not require any new entities or syntax constructs:
> we have @-rules already, so it is a matter of adding new property.

That is actually the syntax I like best, especially if we can have a similar syntax with @region and @page (though I know @page would also require an extra block of braces or something to separate rules from the properties that already can be included directly within @page).

Received on Sunday, 9 February 2014 17:13:46 UTC