Re: [w3c/webcomponents] Theming options for shadow roots (#864)

I'm working on my first "real" app based on lit-element and the styling is giving me a hard time (compared to good old global css).
For what I've learned there is a big difference between small "leaf" components, e.g. a checkbox or a date picker that typically does not contain other components and "node" components like "app-layout", "tab-panel" etc. that cause the most pain when using shadow dom.
I'd prefer not to use shadow dom for the app layout components to be able to use global css styling as much as possible, but unfortunately once you are inside a component that uses shadow dom (e.g. tab panel) you are kind of lost.
For me it would be perfect if I could tell the component from the outside to let styles leak in.
Something like this:
`<tab-panel let-css-styles-leak-in="true"><blabla...></tab-panel>`

-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/864#issuecomment-586687892