09/06/2017

SASS

Sass can solve the common repetition and maintenance challenges present in traditional CSS.

compile it to CSS by typing the following command in the terminal and pressing enter

sass main.scss main.css



Nesting



Nesting is the process of placing selectors

inside the scope of another selector.



In css





.parent {
  color: blue;
}

.parent .child {
    font-size: 12px;
}

   In scss

.parent {
  color: blue;
  .child {
    font-size: 12px;
  }
}

In Sass, $ is used to define and reference 

a variable.

Data types of SASS

1.Map

2.List

3.Number

4.String

5.Boolean

6.Null 

Strings of text, with and without quotes.

  Examples: "janusha", 'janusha', janusha.

Lists can be separated by either spaces or 

commas(don't need []).

     em Helvetica bold;

     Helvetica, Arial, sans-serif;