Clean up and reorganise global styles
With Bootstrap 4 (and 5) on the horizon, I thought it best to give all the global styles a bit of a look.
First, a reminder:
import './App.css', the styles are imported globally and apply to the entire app;
import styles from './App.module.css', the styles are imported as CSS modules -- every class in
App.module.cssis namespaced and can only be used through the locally imported
Here is the gist of this MR:
- Remove a lot of unused stylesheets and styles.
- Convert a few simple global styles to CSS modules (e.g.
- Move the remaining global styles to a new
src/stylesfolder and import them all from
index.css-- global styles imported from components are hidden away and prone to naming conflicts and unwanted overrides.
- Convert a few component classes to functions and fix a couple of bugs that I found along the way.
It'll probably be clearer to look at the commits individually than at the whole diff.