interacting with <content> in a template/shadow dom

[ian.m...@gmail.com]

I've got a few questions for interacting with content in a template (using Chrome 35 beta).  Good chance I'm mis-understanding the use of <content> (I know it's the insertion point in the shadow dom). These work fine with the pollyfils, but have issues with native shadow dom.

First, what's the correct way to apply styles to the elements inside the <content> tag   -  http://jsbin.com/xeroxezi/1/edit   - Here I'm trying to style the span element.  

Second, what's the best practice for interacting with the items in the content?  Basic example is an element that takes anchors and turns them into a stylized ul/li's  .  Should I be following something like this example?  https://github.com/PolymerLabs/labs/blob/master/list/elements/more-list/more-list.html#L54

thanks,

Ian

[Justin Fagnani]

For styling <content> use the ::content pseudo-element.

See http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/#toc-style-disbtributed-nodes

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/0dba12d5-1303-4347-a4cb-924dac1b7f04%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Rob Dodson]

Yep, Justin's right. Here's a jsbin:

http://jsbin.com/sarez/4/edit

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAEKsHmD3Rz9qrdO3BF95wt6o9KFFYxnhwYkYzPV9AChNZO9Bdw%40mail.gmail.com.

[Ian Maffett]

Thanks to both of you.  the psuedo element slipped my mind.

[Rob Dodson]

Here's a cheat sheet to help you out: http://robdodson.me/blog/2014/04/10/shadow-dom-css-cheat-sheet/