npm install -g sass

Sass stands for Syntactically Awesome Stylesheet

Sass is an extension to CSS

Sass is a CSS pre-processor

Sass is completely compatible with all versions of CSS

Sass reduces repetition of CSS and therefore saves time

Sass was designed by Hampton Catlin and developed by Natalie Weizenbaum in 2006

Sass is free to download and use

/*SMART DIFFERENCE*/

/*CSS*/

body {

  font: 100% Helvetica, sans-serif;

  color: #333;

}

​

/*SCSS*/

​

$font-stack:    Helvetica, sans-serif;

$primary-color: #333;

​

body {

  font: 100% $font-stack;

  color: $primary-color;

}

​

​

/*SASS*/

$font-stack:    Helvetica, sans-serif

$primary-color: #333

​

body

  font: 100% $font-stack

  color: $primary-color

​

​

​