4 ms·
> Where is treatment of CSS variables that pierce the shadow DOM and allow global theming of such components? I feel like, at least with that one, was left beh
by Gualdrapo 4y ago
> Where is treatment of CSS variables that pierce the shadow DOM and allow global theming of such components?
I feel like, at least with that one, was left behind because there's some work left to do in that regard.
For the redesign of my portfolio, miler.codeberg.page, I used icons I did for the previous one (and did some new ones, but all are a bunch of <symbol>s in a single file) but instead of "injecting" the SVG code in the HTML I tried to use them from CSS as pseudoelements (as a 'content' fragment identifier) and style them (stroke color).
The state of things right now, as I learned, is that it's impossible to do that - neither with some obscure parameter within the SVG fragment identifiers. I had to do some crop filter trickery to "change" their stroke color.
- azangru 4y ago> I tried to use them from CSS as pseudoelements (as a 'content' fragment identifier) and style them (stroke color). Isn't this just the general problem of loading an svg as an image via a link as opposed to injecting it into the DOM as inline svg? How would any of the existing CSS approaches help (or how would web components hider) this one?