Sass Language

An extension to CSS3 that allows you to simiplify your styles for your application.

Sass is a CSS preprocessor that adds variables, nesting, mixins, and control logic to stylesheets.

Learning Path

  1. Getting Started — Install, setup, first styles
  2. Basics — Variables, nesting, partials
  3. Conditions — @if, @else, @else if
  4. Loops — @for, @each, @while
  5. Mixins & Methods — Reusable style patterns

Next: Getting Started

Basics

Sass has the ability to define variables, include files and extend other styles.

Conditions

Sass supports conditions for setting up styles based on variables.

Loops

Sass provides loops to allow iterating over elements to streamline redundant styling that you may have within your site.

Mixins / Methods

Sass provides mixins for reusing complex styling concepts.

List of libraries for SASS

Compass

Is an open-source CSS Authoring Framework.

Toadstool

Style guides for sass using open source framework Toadstool.