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.

| book

Jump Start Sass

Get up to speed with Sass in a weekend…

Bookmark from SitePoint

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.

—Kaelig Deloumeau-Prigent, SitePoint

buy the book or download the e-book »

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.