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

Sass on Wikipedia

Official Sass documentation

Term: Sass

Bootstrap 4 Quick Start

Learn by building a CMS admin dashboard and marketing homepage step by step.

Shop Now

Written By: / Read Full Bio
Last updated on

Leave a comment