This splits up our styles.css file into multiple CSS files that sit alongside the TSX files that use their classes. All "generic" CSS that isn't used by any one particular component, such as our thingy class, is currently being put into page.css.
The CSS files are imported via import statements in their associated TSX files. As such, this fixes #164.
This also starts formatting our CSS using Prettier.
It also moves some of our <head> tags back into index.html, reverting a tiny bit of #205, to ensure that some of the metadata can be recognized by browsers, and start loading asynchronously, independently of the page's JavaScript (I see no reason why any of those elements need to change dynamically based on the app's state, so there don't seem to be any downsides to this).
This splits up our
styles.css
file into multiple CSS files that sit alongside the TSX files that use their classes. All "generic" CSS that isn't used by any one particular component, such as ourthingy
class, is currently being put intopage.css
.The CSS files are imported via
import
statements in their associated TSX files. As such, this fixes #164.This also starts formatting our CSS using Prettier.
It also moves some of our
<head>
tags back intoindex.html
, reverting a tiny bit of #205, to ensure that some of the metadata can be recognized by browsers, and start loading asynchronously, independently of the page's JavaScript (I see no reason why any of those elements need to change dynamically based on the app's state, so there don't seem to be any downsides to this).