SASS, Syntactically Awesome Style Sheets(Sözdizimsel Müthiş Stil Sayfaları) ifadesinin kısaltılmış halidir. En çok kullanılan CSS ön-işlemcilerinden biridir.

En Popüler CSS ön-işlemcileri şunlardır;

• SASS
• LESS
• Stylus
• PostCSS

SASS ve CSS Arasındaki Fark Nedir?

SASS , CSS yazmayı daha dinamik bir hale getirmek için ortaya çıkmıştır. Kısaca CSS ‘e bir programlama dili havası katmaktadır. CSS’ de bulunmayan pek çok özellik barındırır.(Değişken tanımlama, İç içe yapılar kullanma, Fonksiyon tanımlama,…)

Peki SASS Kullanmak İçin Ne Yapmayalım?

Birden fazla kullanma yöntemi vardır,
Bunlardan biri bilgisayarınıza indirip kurabiliceğiniz dönüştürücülerdir.

Dönüştürücüler kısaca yazmış olduğumuz .scss uzantılı dosyaları tarayıcıların anlayabileceği .css formatına dönüştürür.

En Popüler SASS-CSS dönüştürücüleri şunlardır;

• Koala
• Scout-App
• SimpLess
• Sassmeister
• TheSassWay
• Compass
• Prepros

Bir diğer yöntem ise Komut Satırı yardımı ile dönüştürmedir.

SASS’ın yerleşik olduğu dillerden biri Ruby’dir. Bu yüzden ilk önce Ruby’yi kurmamız gerekiyor, böylece SASS daha sonra Ruby üzerinden çalışabiliyor.

Sonrasında Komut Satırını açıyoruz ve aşağıdaki komutu yazıyoruz.

gem install sass

Peki bu gem ne anlama geliyor?

Gem, Ruby’de çalışacak bir yazılım veya uygulamanın parçasıdır. Kısaca bir eklenti diyebiliriz.

Kodu yazdıktan sonra ilgili dosyaların yüklenmesi 1-2 dakika alabilir.

Artık SASS’ı kullanmaya hazırız, Komut Satırından SASS kodlarını yazacağımız dizine gidiyoruz, sonrasında şu kodu komut satırına yazıyor.

sass –watch scss:css

Yazmış olduğumuz komut sürekli olarak sass dizini tarayıp bir değişiklik olduğunda, değişiklik olan .scss uzantılı dosyayı .css formatına dönüştürür.