Introducere în limbajul SASS
În acest tutorial vom studia preprocesorul SASS. SASS este o alternativă la preprocesorul LESS, care de asemenea permite programarea în CSS.
De fapt, SASS are două variante de sintaxă, prima variantă se numește tot SASS, iar a doua - SCSS. Ambele acceptă același set de funcții și doar diferențiază ușor ca sintaxă. Cu toate acestea, deoarece SCSS este mai nou și utilizat pe scară largă, în acest tutorial îl vom studia pe acesta.
Așadar, sintaxa SCSS este similară cu sintaxa CSS,
adică vom vedea aceleași acolade
și aceleași ghilimele cu punct și virgulă ca în CSS.
Să luăm în considerare un exemplu de sintaxă SCSS,
unde imediat atribuim variabilelor un font
și o culoare, după care atribuim aceste variabile
proprietăților din selectorul body:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
