Skip to content

What Is Sass?

Sass (Syntactically Awesome Stylesheets) is a CSS preprocessor language used in web development. It adds features to CSS and keeps the code better organised, so stylesheets are easier to manage.

The main features of Sass are:

  1. Variables: Store colours, fonts and other values and reuse them; stylesheets become more modular and less repetitive.
  2. Nesting: Write CSS rules in a hierarchy that mirrors the HTML, which makes the code easier to read.
  3. Mixins: Define reusable blocks of CSS declarations.
  4. Functions: Sass supports functions for maths and other calculations.

Sass is compiled into plain CSS that browsers understand, so it helps you write more effective and maintainable stylesheets during development.

Have a question about this article? Write to me