Delete commented out code before submitting a PR.
Leave comments in your code unless they are references, explanations or reminders.
Alphebatize your CSS properties. Select all the properties and press
F9 in VSCode.
Randomly list your CSS properties.
Use the color variables & typography classes already defined for consistency and modularity.
Use new hex codes or re-define typographic styles.
Respect the cascading part of CSS, take the time to find a class-based solution to a styling problem.
Create new page Sass files when you need custom styles.
Edit the base styles often, or for custom styles only used on one or two pages.
Nest more than 3 levels deep. It makes it harder to override.
Give specific class names, e.g.
Give generic class names, e.g.
Limit the amount of mixins we have. Not everything needs to be a mixin, and should only be used to reduce redundancy.
Make an partial into a mixin! Have mercy!
Use Sass features sparingly, and only if they are the best possible solution to a problem.
Sass has many cool features, but we don't have to use all of them!