Styling Conventions - DDavis34/Roll-Call GitHub Wiki

Project-Wide CSS

Within the app.css file, we should include project wide variables and animations for multi-purpose use. For example, in our .root class, we should have color variables like so:

--background-color: #111827;

This, along with specific styling classes, should be used in our project-wide app.css styling file.

CSS Classes

When designing specific themes for components, we should use classes to shorten statements in our HTML divs:

This will allow us to consolidate thematic styling into one single call as opposed to having individual tailwind class statements, and will eliminate the need for repetitive styling classes in multiple different pages' .razor.css files.