Alexa

Pengertian Fitur dan Kelebihan SASS

Pengertian Fitur dan Kelebihan SASS
Solusitech
Solusitech
22 September 2020

Bagi sebagian orang kata CSS tidaklah asing karena digunakan untuk menghias website agar terlihat menarik dan cantik. CSS menggunakan bahasa yang sederhana agar mudah dipahami. Untuk sebagian orang merasa penulisan CSS masih kurang efektif sehingga dibuatlah CSS Prepocessor yang dinamakan SASS. Kali ini Solusitech akan membahasa tentang SASS: Pengertian, Fitur, dan Kelebihan.

Apa Itu SASS?
SASS (Syntactically Awesome StyleSheets) adalah sebuah bahasa yang diadopsi dari CSS namun dengan fitur lebih banyak sehingga memudahkan designer atau developer membuat website.
SASS bisa di sebut sebagai tools yang membuat CSS menjadi lebih mudah sehingga SASS bukanlah pengganti CSS. Keuntungan menggunakan SASS adalah Anda dapat menggunakan fitur-fitur yang biasanya terdapat di dalam bahasa pemrograman (seperti variable) di CSS.
Semua versi CSS kompatibel dengan SASS dan satu-satunya syarat untuk menggunakannya adalah Anda harus sudah menginstal Ruby.
Anda dapat mengunjungi situs SASS di https://sass-lang.com/

Fitur SASS

Adapun beberapa fitur di SASS, antara lain:

  1. Fitur Variables
    Bagi Anda yang pernah membuat kode program tentu akan memahami apa itu variable. Anda dapat menambahkan variable pada kode CSS dengan bantuan SASS. Contohnya saat Anda ingin menyimpan nama font yang Anda gunakan di satu variable atau Anda ingin menyimpan warna tulisan di dalam satu variabel. Maka nantinya Anda bisa memanggil langsung di dalam kode lainnya. Kode Anda akan lebih bersih dan dapat meminimalisir redudansi kode merupakan manfaat dari adanya variable ini.
  2. Fitur Nesting
    Anda dapat menulis CSS dengan sistem hierarki dengan fitur Nesting sehingga dapat Anda susun sesuai tingkatan. Hal ini sangat memudahkan Anda karena di CSS agak sulit untuk menulis seperti ini dan akan banyak redudansi.
  3. Fitur Partials
    Partials merupakan sebuah fitur yang mana Anda dapat memanggil file-file SCSS secara terpisah. Ada hal yang perlu diingat, yakni nama file harus diberikan karakter _ pada depan file.
  4. Fitur Import
    Anda dapat menggunakan perintah @import ‘nama_partials’; untuk memanggil file lainnya, terutama file partials.

 

Kelebihan SASS

  1. CSS yang dihasilkan akan rapi dan mudah dipahami.
  2. Otomatis akan berjalan dengan baik di semua browser.
  3. Output CSS akan lebih terstruktur.

Lebih dapat dikatakan seperti bahasa pemrograman karena ada beberapa fitur, seperti variables, mixin, if, else, for while, loops.
Penulisan SASS dapat dengan 2 cara, yaitu .sass (tanpa kurung kurawal dan titik koma) atau.scss (menuliskan kode SASS mirip dengan CSS namun dengan penambahan fitur yang dimiliki oleh SASS).