Document `-global-` prefix for global CSS Animations

[dcrck]

Hi,

When working with Google Maps, you create custom Markers with a createMarker function which takes in the marker's HTML as a string. That means if you want to apply styles or transitions to it, you need to use the :global tag in Svelte. I'd like to apply small animations to the markers on certain conditions, but it appears that I can't apply a CSS animation (e.g. @keyframes animation_name {...} in the Svelte component using the :global tag. When I tried, Svelte yelled at me with an Expected Identifier error.

I'd like this functionality to be enabled if possible. It's not super-critical since I can just put the css animation in my global.css file, and it's a very uncommon use case, but it would be nice 😄 .

[Conduitry]

This was added way back in #607 by prefixing the animation name with -global- but it looks like this was never actually documented anywhere, beyond being linked from the changelog.

[dcrck]

Cool, thanks! Should this issue stay open as a reminder to document? Otherwise, feel free to close.

[Conduitry]

Yeah I gave this the 'docs' label because I want to use this to remind us to document it