Chapter 9Architecture
Architecture has always been one of the major pain points in CSS
development. Without any variables, control directives, macros, or object
inheritance, CSS code tends to be long and repetitive—a single ever-growing
file. While it’s technically possible to split plain CSS into multiple files
that reference each other with @import, the additional
HTTP requests make that a poor solution. As you’ve seen, Sass has an answer
for every piece of the architecture puzzle—but what’s the best way to put it
all together?
Ask ten experts, and you’ll receive ten different answers—most of them involving (or aided by) Sass. OOCSS, SMACSS, Atomic Design, ITCSS, and BEM are all popular systems for CSS architecture, but there are many more. ...
Get Jump Start Sass now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
