Apa itu SCSS dan SASS

05 Mar 2025

Penjelasan tentang SCSS dan SASS

Apa itu SCSS dan SASS ?

Logo Jekyll

SASS (Syntactically Awesome Stylesheets) dan SCSS (Sassy CSS) adalah preprocessor CSS, yaitu alat yang memperluas kemampuan CSS biasa dengan fitur-fitur tambahan yang lebih kuat dan efisien. Keduanya membantu developer menulis kode CSS yang lebih rapi, terstruktur, dan mudah dipelihara, terutama dalam proyek besar.

Fungsi SCSS dan SASS :

  1. Variabel, Menyimpan nilai seperti warna, font, ukuran, agar tidak perlu ditulis berulang.
  2. Nesting, Menulis selector dalam selector untuk mencerminkan struktur HTML.
  3. Mixin dan Function, Untuk membuat blok kode yang bisa digunakan berulang dengan parameter.
  4. Inheritance, Memungkinkan elemen mewarisi properti dari selector lain.
  5. Modularisasi, Memecah file CSS menjadi bagian-bagian kecil yang bisa diimpor dan dikelola lebih baik.

SASS dan SCSS membantu penulisan CSS menjadi lebih efisien, rapi, dan mudah dikembangkan, terutama pada proyek besar dengan banyak file dan style yang kompleks. SCSS lebih populer karena sintaksnya yang mirip dengan CSS biasa.