CSS @media tags compiled incorrectly

[maxamante]

ISSUE:
@media blocks are compiled such that the @media tag and any successive word have no space between. Browsers then throw away the erroneous block.

For example,

@media only screen and (min-width: 42em) {...}

compiles to

'...@mediaonly screen and (min-width: 42em) {...}...'

REPRO/REFERENCE:
https://gist.github.com/anonymous/3ae1fefbef1a4fe1deb280a7654fa3c3

[maxamante]

Current workaround: Avoid using words; use only the parenthesized condition. Browsers will treat the parentheses as a word boundary.
For example:

@media (min-width: 42em) {}

[Rich-Harris]

Thanks — fixed in 1.29.2 https://svelte.technology/repl?version=1.29.2&gist=d88af7abd6b259f58305b50d5d06b27e