Scalable Modular Architecture for CSS (SMACSS) was created by Jonathan Snook from methods he learned while working at Yahoo. SMACSS is different from other methodologies listed here. Instead of dealing with how you should write CSS or Sass, it recommends where you should write it. Architecture is the key word here. SMACSS works great with Sass because of the ability to use multiple files and import them into one main file. This file is often called a manifest.

SMACSS recommends breaking your Sass into the following topics: base, layout, modules, states, and theme.


Base is where your base elements of HTML would go. These would be your reset.css styles or normalize.css styles, your base typography styling of h1 through h6, paragraphs, ...

Get Mastering Sass now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.