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:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}