Scoping out the "Components - Styling" post

[knowler]

Been thinking about this post and what the content should be. Here are some ideas. It doesn't need to contain everything.

• Important concepts for working with styles in the Shadow DOM.
  • CSS inheritance and which properties inherit.
  • CSS custom properties inherit by default (until we have @property)
  • The order of precedence (I can rework this: https://shadowdom.style)
  • Shadow DOM specific selectors
  • Having a good mental model for slots and parts.
  • Maybe stuff like CustomStateSet for state pseudo selectors.
• Ways to style components (i.e. style tag in shadow DOM, link tag in Shadow DOM, constructed stylesheets).
• Best practices for styling.

[keithamus]

This is great!

Having a good mental model for slots and parts.

I am hoping that we can provide some really good documentation for Slots as part of the shadowdom section, but maybe it should be broken down further. I do think parts should only be in the CSS section though!