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

Next: Getting Started

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

Sass supports conditions for setting up styles based on variables.

Install Sass, understand the difference between SCSS and indented syntax, and preprocess your first stylesheet.

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

Sass provides mixins for reusing complex styling concepts.

An open-source CSS authoring framework built on Sass — provides mixins, utilities, and sprite generation for cleaner stylesheets.

Style guides for Sass using the open-source Toadstool framework — patterns, variables, and mixins for consistent design.