W3C home > Mailing lists > Public > www-style@w3.org > February 2014

Re: [shadow-styling] alternative idea.

From: Brad Kemper <brad.kemper@gmail.com>
Date: Sun, 9 Feb 2014 09:13:17 -0800
Message-Id: <5F59C62D-6815-41F7-AC2C-2B30DEFB315D@gmail.com>
Cc: "www-style@w3.org" <www-style@w3.org>
To: Andrew Fedoniouk <news@terrainformatica.com>
> 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

This archive was generated by hypermail 2.3.1 : Sunday, 9 February 2014 17:13:47 UTC