Sass stands for syntactically awesome stylesheets. Sass is a scripting language that is compiled into regular CSS. It was created to help writing CSS easier and more efficient.
Some ways it can help you with development
- You can create variables for colors, font-sizes, and any other value. You can then use that variable throughout your styles to make global changes without having to find and replace to make a change.
- You can break up your stylesheet into subfiles like _nav.scss, _typography.scss and then merge them together into one file named styles.css.
- You can create and use mixins which are essentially a block of styles you can insert to your rules. One way I use mixins is for fonts. Often fonts have a font-family, color, font-weight, etc that when I declare a font I want all of those properties to be applied. This saves you time maintaining all of the properties throughout your stylesheet.
Other sources of information