Feature request: option to make all CSS global

[nolanlawson]

First off, Svelte is awesome. 😃 I love it; it's my favorite framework ever.

The fix to remove scoping via attributes (#1118) is awesome, but I already architected my Svelte/Sapper app to make all CSS selectors global, in order to make the CSS as tiny as possible. (I just trust myself not to allow class names to collide. It's not as bad as it sounds. 😉)

To achieve this right now, I have a script to run a regex before sapper build to add :global() to every CSS selector (and remove it when the build is done). Obviously this is less-than-ideal, and I would love to just have some kind of global: true option or something to make everything global-by-default.

In terms of how this works with shaking out unused CSS, again I am just trusting myself not to make that mistake. Already there are plenty of places where I'm injecting unknown raw HTML anyway, and so I would have to have some :global()s even if I were not using this script.

Thank you for making Svelte/Sapper! 😁

[ekhaled]

Related #901

This is something I'd also like to see in v2

[nolanlawson]

Yes I think #901 probably covers my request, so this issue should be closed.