Improve CSS maintainability
Currently all the styles are defined in single custom.css
file (except for guide.css
). As a result code can be hard to maintain and this could worsen over time as we add new features.
We can:
- split existing code into multiple files
- use Sass processor which will let us use features like mixins and reduce the amount of code (and even better integration with Bootstrap, i.e. https://getbootstrap.com/docs/4.3/utilities/float/#mixins)
- consider CSS-in-JS https://2019.stateofcss.com/technologies/css-in-js/ e.g. https://github.com/styled-components/styled-components
- see if https://css-tricks.com/bem-101/ or https://css-tricks.com/lets-define-exactly-atomic-css/ could be helpful