Sass Fundamentals

Sass (Syntactically Awesome StyleSheets) is a preprocessing language for CSS. It allows you to write DRY, well-organized and easily maintainable stylesheets.

Exercises

Sass Hearts Variables

Begin your foray into Sass by creating and using variables.

At Home with Nesting

Gain essential understanding of Sass's killer feature to keep your code DRY and organized.

The Importance of @import

Break your Sass into small, modular chunks – stay sane.

Define and Implement Mixins

Build dynamic functions to reduce code bloat and speed up workflow.

Extending Selectors with @extend

Use `@extend` to keep your code DRY and maintainable.

Perform Operations on Values and Variables

Use operators such as addition, subtraction, division, and more on values and variables. Finish it off with color functions.