Sass Basics

Sass, which stands for Syntactically Awesome Stylesheets, is a CSS preprocessor. This means that Sass is used to generate CSS, which is a accomplished through the use of a Sass compiler. When Sass was introduced it attempted to overcome some of the short coming of the CSS by introducing concepts like variables, nesting, loops, functions, and mixins. While some of this features have made their way into CSS, Sass still has a lot to offer.