Sass (Syntactically Awesome Stylesheet) is a css pre-processor, which helps to reduce

saturation: It is a percentage value that increases the saturation of color.

• 
  lightness: It is a percentage value which decreases the lightness of color.
  

Example

The following example demonstrates the use of functions in the SCSS file:

Example using Functions

SASS stands for Syntactically Awesome Stylesheet..

Example using Interpolation

SASS stands for Syntactically Awesome Stylesheet...

Example using & in SassScript

www.tutorialspoint.com

>

Example using Import

Import the files in SASS

• Red


• Green

>

Example using media directive

>

Example using Extend

>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
>

Example using at-root

>Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Welcome to TutorialsPoint

Example for Control Directive & Expressions

SASS stands for Syntactically Awesome Stylesheet.

>This is first line.
>This is second line.
>This is third line.
>This is fourth line.
>This is line one.
>This is line two.
>This is line three.
>This is line four.
>This is line one.
>This is line two.
>This is line three.
>This is line four.
>This is line one.
>This is line two.
>This is line three.