Sass TutorialLesson 1Free preview

Sass HOME

This lesson is part of SASS · All levels

Summary

Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that adds features such as variables, nesting, mixes, and function to regular CSS. With Sass, you write more structured and easy-to-keep style sheet code, and then compile it into a standard CSS that the browser understands. There are two main syntax: SCSS (using curly braces like CSS) and the more concise Sass indented.

Key points

Sass is a preprocessor of CSS that compiles Sass code into regular CSS
Two syntax options are available: SCSS (.scss) and indented Sass (.sass)
Its main features include variable, nesting, mixin, extend, and built-in.
The .scss file must be compiled before it can be used in the browser

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.