SASS Dilinə Giriş
Bu dərslikdə biz SASS preprosessorunu öyrənəcəyik. SASS, CSS-də proqramlaşdırmağa imkan verən, LESS preprosessorunun alternatividir.
Əslində SASS-ın iki sintaksis variantı var, birinci variant həmçinin SASS, ikinci isə SCSS adlanır. Onların hər ikisi eyni funksiyalar dəstini dəstəkləyir və yalnız sintaksis baxımından bir az fərqlənir. Lakin, SCSS daha yeni və geniş istifadə olunduğu üçün, bu dərslikdə biz məhz onu öyrənəcəyik.
Beləliklə, SCSS sintaksisi CSS sintaksisinə bənzəyir,
yəni biz CSS-də olduğu kimi eyni qıvrım mötərizələri
və eyni nöqtəli vergüllə bitən dırnaqları görəcəyik.
Dəyişənlərə dərhal font və rəgb təyin etdiyimiz,
daha sonra isə bu dəyişənləri body selektorundakı
xassələrə təyin etdiyimiz SCSS sintaksisi nümunəsini nəzərdən keçirək:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
