Re: [WICG/webcomponents] "open-stylable" Shadow Roots (#909)

This has been an unresolved problem for me for years now. There are many many existing styles and site templates build with bootstrap etc.

I build a website from such a template purchased online and trying to turn its pieces into web components has been a very tall hurdle. So far my best approach was to inject the raw CSS that I need into a base component class and have them become constructed stylesheets. 

Unfortunately, I hit a snag now that I try to add Server-Side Rendering and I found that (re #939) in the output all styles become `<style>` tags. No problem functionally, but the size of my HTML quickly grows out of proportion. My base styles are some 400k. Even a handful of components on a page quickly grow to multiple megabytes.

Ironically, again relating to #939, I was able to replace inlined style with `@import` when rendering on the server, which is not an option with constructed style sheets.

Needless to say, I would very much welcome a feature to allow me to apply a global style sheet to my components. 

-- 
Reply to this email directly or view it on GitHub:
https://github.com/WICG/webcomponents/issues/909#issuecomment-1408130091
You are receiving this because you are subscribed to this thread.

Message ID: <WICG/webcomponents/issues/909/1408130091@github.com>