Use constructable stylesheets for element styling
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 187
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
This is a more performant way to share a common styling across instances of a custom element. [Not all browsers support it yet](https://caniuse.com/#search=adoptedStyleSheets), and the API may change a little before the spec settles.
Explainer: https://developers.google.com/web/updates/2019/02/constructable-stylesheets
Polyfill: https://github.com/calebdwilliams/construct-style-sheets
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Read the existing element styling implementation in the lume/element repository, then review the constructable stylesheets explainer and the linked polyfill. Determine how shared styles are currently applied and define completion as using the constructable stylesheet API where supported while accounting for browsers that lack it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, typescript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100