SASS (Syntactically Awesome StyleSheets) is an extended CSS language that adds a new range of very powerful and elegant features and possibilities. It is a preprocessor that allows you to write the CSS code much easier, keep the code organized and provides tools to make reusable that code.
SASS is described in its documentation like that:
SASS is an extension of CSS that adds power and elegance to the basic language
SASS allows you to use features that do not exist in CSS yet as variables, nesting, inheritance and other advantages that help maintain our CSS code.
- In short, SASS includes the following features:
- 100% compatible with CSS3.
- It allows the use of variables, nesting styles and mixins.
- It includes numerous functions to easily manipulate colors and other values.
- It allows the use of basic programming elements such as control directives and libraries.
- It generates well formatted CSS files and allows you to configure its format.
- Integration with Firebug thanks to the FireSass extension.
Once SASS is started, the pre-processed SASS file will be compiled into a regular CSS file that can be used on a website.
It is important to mention that there are also other preprocessors like LESS and Stylus, but SASS is one of the strongest leads due to its great capabilities and the large number of projects in which it is being used.
With this manual you can extend your possibilities when writing CSS styles with a lot of features such as being able to reuse code, order it correctly, write it in a much friendlier way, more scalable and maintainable and many more things.
The content of the guide is divided into the following sections:
- Introduction to SASS
- Installing SASS
- SASS Syntax
- Using SASS
- Partial Style Sheets
- Nesting Selectors
- Extended and Inheritance
- Control Structures
- Output format
You can download the manual in pdf format through the following button:
If you liked what you read, do not forget to share this publication in your blog or on your social networks.