- Only use cascading for global theme styles, like type faces
- Don't nest rules with sass or w/e, it's too hard to know what's affecting what in a template
- Naming conventions: Prefix every component class with the titlecased version of the name, have one css file per component that's of the same name. This makes it easy to know where to look for styles when you're working in a template. e.g. styles/header.css would contain:
- Only use cascading for global theme styles, like type faces
- Don't nest rules with sass or w/e, it's too hard to know what's affecting what in a template
- Naming conventions: Prefix every component class with the titlecased version of the name, have one css file per component that's of the same name. This makes it easy to know where to look for styles when you're working in a template. e.g. styles/header.css would contain: