Break up global stylesheet
Closed this issue · 2 comments
meganesu commented
Right now, the styles for this app are all stored in the dist/index.css file. Ideally, these styles should be broken up and live with the components they're related to.
meganesu commented
Goal: To modularize styles so that each component can have its own self-contained stylesheet.
Two strategies for doing this are CSS-in-JS and CSS modules. See Modular CSS with React article on Medium for a detailed breakdown of differences between the two.
In order to maintain ability to easily use CSS pseudo-classes, I'm going to move forward with using CSS modules.