Re: [webcomponents] style hooks for custom elements

2013-03-27 Thread Dimitri Glazkov
It's in Shadow DOM. These are the droids you're looking for:
https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html

http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/

On Wed, Mar 27, 2013 at 9:52 AM, Mike Kamermans niho...@gmail.com wrote:
 Hey all,

 are style hooks still part of any spec relating to web components?
 Someone pointed out an older demo mentioning them
 (http://html5-demos.appspot.com/static/webcomponents/index.html) and I
 can't seem to find mention of them any more. (I like the idea,
 although the syntax from the demo is truly dire if you value
 not-designed-for-programmers-by-programmers syntax... =x)

 - Mike




Re: [webcomponents] style hooks for custom elements

2013-03-27 Thread Eric Bidelman
If you're looking for specs, they're a bit scattered. If you look in the
top right corner
of some of the slides in that deck, you'll see a gears icon pointing to the
relevant spec. e.g.:
http://html5-demos.appspot.com/static/webcomponents/index.html#36

I used the term styling hooks to describe the various ways you can use
the different pieces:
custom pseudo elements, css variables, @host,...to style a component. I
ended up wrinting
an article about styling Shadow DOM over at html5rocks. Might be useful to
you:
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/.

That stuff still applies here, as Shadow DOM is the basis for Custom
Elements.




On Wed, Mar 27, 2013 at 9:52 AM, Mike Kamermans niho...@gmail.com wrote:

 Hey all,

 are style hooks still part of any spec relating to web components?
 Someone pointed out an older demo mentioning them
 (http://html5-demos.appspot.com/static/webcomponents/index.html) and I
 can't seem to find mention of them any more. (I like the idea,
 although the syntax from the demo is truly dire if you value
 not-designed-for-programmers-by-programmers syntax... =x)

 - Mike