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:

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

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