Summary
We should decide how we'll organize CSS rules for the website
Options
Site-wide CSS ✅
Site-wide CSS is easy to cache, is a good approach performance-wise, and requires no additional tooling.
However, it requires that we put all styles in a single file - which can be hard for developers to navigate through.
Site-wide + Per-page CSS 👎
Combining site-wide and per-page CSS also wouldn't require additional tooling, and is easier for developers to navigate through.
However, it's not the most performant solution - as a separate CSS file must be downloaded (and cached) for each page.
Packaged CSS 👎
We could use some pre-processing/build system to package separate CSS files into one combined site-wide file. This is easy for developers to navigate through and reason about, so long as one CSS file does not collide with any others.
(To reduce the probability such collisions, we should encourage use of as-selective-as-possible CSS. This is probably more of a "best practice" than a team-specific decision.)
However, this would require an additional layer of tooling.
Recommendations
Personally, I'm 👎 on the site-wide option and open to either of the other two - but I don't feel strongly about this, and would appreciate hearing others' opinions.
We've decided to stick to the site-wide CSS approach for now, to keep our implementation simple.