Alperen Bozkurt

Sass Ve Scss Nedir ?

05 Sep 2017 tarihinde yayınlandı.

Daha önce Haml’ın ne olduğundan ve nasıl kullanıldığından söz etmiştik. Bu yazı Haml Nedir ? Yazısının devamı niteliğinde olacaktır.

Sass Nedir ?

Sass, css’in karmaşıklığını ortadan kaldırmak amacıyla yazılan bir Ruby Gem‘idir. Css’de At koşturmaya yarar. Syntax’ını rubyceye yakınlaştırır. .sass uzantılı dosyayı derleyerek css dosyası haline getirir. Önce syntax’ı nasıl ona bakalım.

.deneme{
    margin: 0 auto;
    width: 150px
}

Gibi bir css kodumuz olduğunu düşünelim. Bu kodu sass ile yazıldığında ise;

.deneme
    margin: 0 auto
    width: 150px

Şeklinde oluyor. Gördüğünüz gibi gereksiz ; ve { } yazmadık.

Sass Nasıl Kullanılır ?

  • ; işaretini satırların sonlarına koymak zorunda değiliz.
  • { işaretini kullanmak zorunda değiliz. ( Aynı şekilde } işaretini de kullanmak zorunda değiliz. )
  • $ işareti ile değişken oluşturabiliriz.
  • Matematik operatörlerini kullanabiliyoruz.
  • İf - Else gibi karar yapılarını kullanabiliyoruz.
  • While, Each gibi döngüleri kullanabiliyoruz.
  • Fonksiyon yazıp cevabını alabiliyoruz.

Scss Nedir ?

Scss, sass geliştiricilerinin biraz daha front-end geliştiricilerini düşünerek oluşturduğu syntax’dır. Bu syntax css’e benziyor. {, } ve ; burada kullanılıyor. Diğer her şey sass ile aynıdır.

Sass Nasıl Kurulur ?

Terminale ‘gem install sass-rails’ yazarak veya gemfile dosyasına gem 'sass-rails' satırını ekleyip, terminale ‘bundle install’ yaparak kurabilirsiniz. Bu kurulumla sass ile scss de kurulmuş olacaktır. Dosyalarınızın uzantısı .sass veya .scss şeklinde yapmalısınız.

Daha ayrıntılı bilgiyi Bu yazıda bulabilirsiniz.

*Ruby <3 Ben *