Hyrje në gjuhën SASS

Në këtë tutorial ne do të studiojmë preprocesorin SASS. SASS është një alternativë për preprocesorin LESS, i cili gjithashtu lejon programimin në CSS.

Në fakt SASS ka dy variante sintaksore, varianti i parë quhet gjithashtu SASS, ndërsa i dyti - SCSS. Të dyja mbështesin të njëjtin grup funksionesh dhe vetëm ndryshojnë pak në sintaksë. Megjithatë, meqenëse SCSS është më i ri dhe i përdorur gjerësisht, në këtë tutorial ne do të studiojmë pikërisht atë.

Pra, sintaksa e SCSS është e ngjashme me sintaksën e CSS, domethënë ne do të shohim të njëjtat kllapa kaçurrelë dhe të njëjtat thonjëza me pikëpresje, si në CSS. Le të shqyrtojmë një shembull të sintaksës SCSS, ku menjëherë ne i caktojmë variablave fontin dhe ngjyrën, pas së cilës i caktojmë këto variabla vetive në selektorin body:

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

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