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:

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

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