Yuk Kenalan dengan SCSS | INDI Technology
Bingung menemukan file .scss di template HTML? Kenali apa itu SCSS, fitur-fiturnya, dan cara kerjanya sebagai CSS preprocessor di sini!
Dalam membuat sebuah halaman website pasti bagian ini tidak mungkin diabaikan, yaitu bagian tampilan. Karena bagian ini termasuk cukup penting, banyak dari kita yang masih pemula dalam membuat website bingung dengan banyaknya pilihan template HTML untuk mempermudah dan mempercepat pembuatan sebuah website kita sendiri. Jika Anda sudah ketemu template yang sesuai, rupanya di dalam template tersebut ada file yang formatnya .scss tetapi jika dilihat isinya seperti format .css dengan aturan penulisan yang cukup rapi.
Yang belum tahu, SCSS adalah CSS Pre-pocessor yang memberikan fasilitas untuk nesting, mixin, modularisasi, dll. dengan output CSS. SCSS banyak digunakan karena memiliki aturan penulisan yang lebih ramah untuk developer dan juga banyak fitur yang ditawarkan agar coding jadi lebih efisien. Cara kerja SCSS sebagai Pre-processor yang pertama adalah Anda melakukan coding dengan sintak SCSS, kemudian menyimpan file tersebut dengan format .scss, terakhir file tersebut di kompilasi agar menjadi file dengan format .css.
Fasilitas atau fitur yang ada di SCSS adalah:
i. Nesting
ii. Variables
iii. Mixins
iv. Import
v. Extend
vi. Operator
vii. Conditional
viii. Loops
Ada beberapa alasan untuk tidak menggunakan SCSS di antaranya banyak fitur SCSS kini sudah dimiliki CSS, jadi tidak ada salahnya untuk mempelajari SCSS karena sudah banyak juga perusahaan yang menggunakan SCSS untuk pembuatan produk mereka.
Written by : Rafif Nabily
