skip to content
Vibes Fonts & Sizes Alignment
More typography Type Scale
Colors, contrast, and blur

Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the repetitive tasks that come with writing vanilla CSS. This book provides a thorough introduction to Sass for the beginner. Co-writen with my friend Kitty Giraudel.

Buy a copy or download the e-book

This is hands down the best book on Sass if you want to learn the most important parts of the Sass language that will help you architect a good application.

Contents

  1. Foreword – by Chris Eppstein
  2. Hello World – An introduction to Sass in modern front-end development, its history, its syntaxes (Sass and SCSS) as well as its competitors (LESS, Stylus and PostCSS).
  3. Getting Started – A short explanation on how to install Sass binaries (both the Ruby gem and node-sass) and how to use them to compile Sass stylesheets to CSS.
  4. Variables – An extensive chapter on variables, how they work, how to use them, when and why, closed with a comparison with CSS Custom Properties.
  5. Functions & Mixins – A chapter dedicated to mastering functions and mixins to start building small systems.
  6. Loops & Conditions – A concise explanation of how logical structures work in Sass, mainly loops and conditions statements, and how to use them to build powerful mixins.
  7. Nesting – A reminder on the nesting feature, mostly focused on selector nesting, providing helpful tips to avoid being lost in the dreaded horizontal pyramid of selectors.
  8. Extend – A solid introduction to the @extend directive and how to avoid bloated output when using it.
  9. Warnings & Errors – An introduction to the ability to emit warnings and throw errors directly from within stylesheets, as well as why and when doing so makes sense. 10.*Architecture – A massive chapter on different approaches to Sass-powered project architecture, including OOCSS, ITCSS, SMACSS and more. 11.*Ecosystem – The final chapter introduces you to the Sass ecosystem, its main toolkits, libraries and frameworks such as Bourbon, Susy, Accoutrement, SassDoc, Sass-Guidelines, Modular Scale, SCSS-lint and many many more.