SASS Diline Giriş
Bu eğitimde SASS ön işlemcisini inceleyeceğiz. SASS, CSS üzerinde programlama yapmaya imkan veren LESS ön işlemcisinin bir alternatifidir.
Aslında SASS'ın iki sözdizimi seçeneği vardır, ilk seçenek aynı zamanda SASS olarak adlandırılır, ikincisi ise SCSS'dir. Her ikisi de aynı özellik setini destekler ve sadece sözdiziminde biraz farklılık gösterir. Ancak, SCSS daha yeni ve yaygın olarak kullanılan bir sözdizimi olduğu için, bu eğitimde biz onu inceleyeceğiz.
Yani, SCSS sözdizimi CSS sözdizimine benzer,
yani CSS'de olduğu gibi aynı küme parantezlerini
ve aynı noktalı virgül ile tırnak işaretlerini göreceğiz.
SCSS sözdizimine bir örnek inceleyelim,
burada hemen bir değişkene bir yazı tipi
ve bir renk atıyoruz, ardından bu değişkenleri
body seçicisindeki özelliklere atıyoruz:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
