Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS solutions and support #33

Closed
thescientist13 opened this issue May 19, 2022 · 3 comments
Closed

CSS solutions and support #33

thescientist13 opened this issue May 19, 2022 · 3 comments
Assignees
Labels
feature New feature or request
Milestone

Comments

@thescientist13
Copy link
Member

thescientist13 commented May 19, 2022

Type of Change

  • Other (please clarify below)

Summary

Wanted to track some ideas of how CSS can be used, or what can be assumed isomorphic for both Node and browser contexts.

Details

Things to validate

  1. Using Node custom loaders to support import css from './styles.css'. In some browsers we should already have support for CSS Modules
  2. Constructable Stylesheets - I have never used them, so at least just want to make sure I'm not missing anything obvious here that would interrupt normal usage
  3. Other?

Perhaps option 1 could be leveraged to auto-inline CSS so in development you can have an external CSS, but not need it for production.

LInks / Resources / References

@thescientist13 thescientist13 added the question Further information is requested label May 19, 2022
@thescientist13 thescientist13 added this to the 1.0 milestone May 19, 2022
@thescientist13 thescientist13 added expirement and removed question Further information is requested labels May 27, 2022
@thescientist13
Copy link
Member Author

thescientist13 commented Jun 6, 2022

Per Rich Harris,

CSS Modules alongside Constructable Stylesheets to solve this problem. And we may be able to use ::theme and ::part to style things inside Shadow DOM. But these aren't free of problems either.

@thescientist13
Copy link
Member Author

Something interesting to keep an eye on - WICG/webcomponents#909

@thescientist13
Copy link
Member Author

This has / is being solved through Greenwood and WCC is compatible - ProjectEvergreen/greenwood#923

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant