LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
Who wants the functionality
Some front developer working for an agency in France and who is really enthousiastic about Lit 🙌
What it is they want
I want to easily override the style of a children component's slot from its parent.
The slotted(*) selector can help for that. But not when the slot element is directly a text and not a tag.
Why they want it
I want to make my component straightforward for other developpers.
<!-- good 😎 -->
<my-button>Click !</my-button>
Click !
- Task
Maybe one of the following ideas:
- modify `::slotted(*)` to style raw string
- update css selectors to use the name of the web-component (exemple: `simple-text { color: crimson }` )
- create a new selector for that or accept something like `::slotted(:root)` (or `:default`, `:current`, …)
## Acceptance criteria
`"bloody"` should be **crimson** and not **pink** :
```html
<!DOCTYPE html>
<body>
<simple-button>
bloody
</simple-button>
</body>
Description
Who wants the functionality Some front developer working for an agency in France and who is really enthousiastic about Lit 🙌
What it is they want I want to easily override the style of a children component's slot from its parent. The
slotted(*)
selector can help for that. But not when the slot element is directly a text and not a tag.Why they want it I want to make my component straightforward for other developpers.