Uvod v jezik SASS

V tej učni vadnici bomo preučevali predprocesor SASS. SASS je alternativa predprocesorju LESS, ki prav tako omogoča programiranje v CSS.

Pravzaprav ima SASS dve različici sintakse, prva različica se imenuje tudi SASS, druga pa SCSS. Obe podpirata enak nabor funkcij in se le nekoliko razlikujeta v sintaksi. Vendar, ker je SCSS novejši in bolj razširjen, se bomo v tej učni vadnici osredotočili prav nanj.

Torej, sintaksa SCSS je podobna sintaksi CSS, kar pomeni, da bomo videli iste zavitne oklepaje in iste narekovaje s podpičjem, kot v CSS. Oglejmo si primer sintakse SCSS, kjer takoj dodelimo spremenljivkam pisavo in barvo, nato pa te spremenljivke dodelimo lastnostim v izbiralniku body:

styles.scss$font: Helvetica, sans-serif;
$color: #333;

body {
  font: $font;
  color: $color;
}