Using default styles since alpha 6 with cross-origin isolation enabled

[sam-19]

Hello,

Until alpha 5 the default styles were contained in a single CSS file that could be linked with the "crossorigin" tag. However, since alpha 6 most of the styles have been split into different files that are imported by the default.css file. With cross-origin isolation enabled these additional imports are blocked by the browser, resulting in missing styles.

The only way I have managed to use the default CSS files from the CDN is by linking each file individually, but this can become very difficult to maintain if imported files have imports etc. Is there a package available for self-hosting the styles?

Kind regards,
Sam

[KonnorRogers]

We should probably just fix the default stylesheet to not have @import rules and instead inline the rules.

@import is great at tanking stylesheet performance, which is not good for something that is render blocking.

https://calendar.perfplanet.com/2024/the-curious-performance-case-of-css-import/

[sam-19]

An interesting read! I'll have to keep the performance impact in mind in my own projects as well.

Reverting back to all styles being defined in default.css would certainly solve my problem as well. Hoping to see this change soon!