For rapid prototyping, CSS was written separately as each element was added. However, now that the project is in a more stable place, it is time to use more strategy for the CSS. One step towards improving the structure is to reorganize using color variables in the root to reduce the number of times colors are repeated.
Goals
- Replace hardcoded color values in app.css with CSS custom properties (e.g.
--color-teal: #19747d)
- While doing so, audit all pages (index.html, help.html, any others) to confirm they are all linking app.css and using consistent class names and values
Out of scope
- CSS nesting, SCSS, or any build step.
For rapid prototyping, CSS was written separately as each element was added. However, now that the project is in a more stable place, it is time to use more strategy for the CSS. One step towards improving the structure is to reorganize using color variables in the root to reduce the number of times colors are repeated.
Goals
--color-teal: #19747d)Out of scope