Uvod u jezik SASS
U ovom udžbeniku ćemo proučavati preprocesor SASS. SASS je alternativa preprocesoru LESS, koji takođe omogućava programiranje u CSS-u.
Zapravo, SASS ima dve varijante sintakse, prva varijanta se takođe zove SASS, a druga - SCSS. Obe podržavaju isti skup funkcija i samo se malo razlikuju po sintaksi. Međutim, pošto je SCSS noviji i široko korišćen, u ovom udžbeniku ćemo učiti upravo njega.
Dakle, sintaksa SCSS je slična sintaksi CSS-a,
što znači da ćemo videti iste vitičaste zagrade
i iste navodnike sa zarezom, kao u CSS-u.
Razmotrimo primer sintakse SCSS,
gde odmah dodeljujemo promenljivim font
i boju, nakon čega dodeljujemo te promenljive
svojstvima u selektoru body:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}