CSS Guidelines about ai-safety HOT 2 OPEN

We should work with global class names for CSS in my opinion. Then it is easier to edit the CSS and you don't have to mix up code and stylesheets.

from ai-safety.

Global CSS is an option but it really depends on how heavily we want to optimize the website. I assume that if we will have only a couple of pages it shouldn't be a problem, but global CSS gets loaded for every page even if not used.

I think a decent middle ground would be to keep "component" CSS in modules and put stuff in the global one only when it's actually global.

A CSS module in Next works the same as any other stylesheet, it just has to be imported for every component using it.

Please express any concerns you might have with this :)

from ai-safety.