O'Reilly logo

Mastering Sass by Luke Watts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

SMACSS

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

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required