2024-02-29 13:40:20 +00:00
|
|
|
# Pull-Styles
|
|
|
|
|
|
|
|
A simple proof-of-concept implementation of a mechanism to pull outside styles
|
|
|
|
into a Shadow-DOM.
|
|
|
|
|
2024-03-06 09:50:38 +00:00
|
|
|
## Rationale
|
|
|
|
|
|
|
|
This is primarily meant as a simple proof-of-concept to show how this mechanism
|
|
|
|
could work as a solution to the [use-case](https://github.com/WICG/webcomponents/issues/909)
|
|
|
|
of authors wanting to let outside styling rules affect content inside a shadow
|
|
|
|
DOM.
|
|
|
|
|
|
|
|
The aim of this project is not to provide a full solution to the problem, but to
|
|
|
|
showcase how one possible solution could work and to allow playing around with
|
|
|
|
the concept in real-world projects.
|
|
|
|
|
|
|
|
## Notes
|
|
|
|
|
|
|
|
Due to this being a relatively "simple" javascript implementation, outside
|
|
|
|
selectors will simply be mirrored into the shadow DOM, but more complex
|
|
|
|
selectors like child selectors won't match elements across shadow DOM
|
|
|
|
boundaries.
|
|
|
|
|
|
|
|
## Planned Features:
|
2024-02-29 13:40:20 +00:00
|
|
|
|
|
|
|
- [x] Import `<link>` tags
|
|
|
|
- [x] Import `<style>` tags
|
|
|
|
- [x] Import into layer
|
2024-03-06 09:38:33 +00:00
|
|
|
- [x] Automatic updating
|
2024-03-06 09:50:38 +00:00
|
|
|
- [ ] Import from layer
|