Oh No! Spaghetti Code!
summary
Explains how to turn sprawling CSS into reusable components using Sass features: build small base box components, apply a micro clearfix automatically, and use placeholder selectors to add base spacing without extra classes. Shows naming rules that avoid content-tied names, a gotcha where @extend creates undesired combined selectors, and real reuse where 80–90% of cases use existing components. Recommends a written code standard and a living style guide tied to actual code.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:18Boxes
- 1:52Create base component
- 5:07@extend selector
- 5:31%placeholder
- 9:46Living styleguide
- 10:17Collaboration
