999: Writing Maintainable CSS

In this episode of Syntax, hosts Wes Boss and Scott Talinsky dive deep into the art of writing maintainable CSS, exploring why CSS often becomes unmanageable over time—such as through leaking styles, lack of scoping, and over-reliance on global, non-reusable rules. They discuss the root causes of CSS rot, including poor system design, overly strict design systems that stifle creativity, and the misuse of one-off values instead of variables. The hosts emphasize the importance of reusability, flexibility through responsive design (using clamp, container queries, and flexible layout tools), and embracing the cascade rather than fighting it. They evaluate various CSS methodologies, from utility-first frameworks like Tailwind and Uno CSS to component-scoped approaches like Svelte and CSS modules, with Scott favoring native CSS scoping and Wes advocating for a strong global base with variables and layers. The episode also covers best practices like using CSS variables, layers, and tooling such as StyleLint and Biome to enforce consistency across teams.