SCSS

Variables

types

strings

numbers

colors

booleans

lists

nulls

$variablename: value;

Name:

  • $fontsize: value1;
  • $myFontsize: value2;

Nested Rules

Import and Partials

import filename;

_filename;

mixin and include

mixin

include

directive lets you create CSS code

let you use (include) the mixin

mixin name {
property: value;
...
}

minxin with variable

mixin include mixin from same file or other file

extend and Inheritance