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:
- Variables: Store colours, fonts and other values and reuse them; stylesheets become more modular and less repetitive.
- Nesting: Write CSS rules in a hierarchy that mirrors the HTML, which makes the code easier to read.
- Mixins: Define reusable blocks of CSS declarations.
- 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