Quiz SCSS dan SASS

Apa kepanjangan dari SASS?

• Simple and Smooth Style

• Syntactically Awesome Stylesheets

• Style and Structure Syntax

• Stylish and Simple Sheets

Apa perbedaan utama antara SASS dan SCSS?

• SASS menggunakan sintaks yang lebih singkat dibandingkan SCSS

• SCSS tidak mendukung variabel

• SCSS adalah versi lama dari SASS

• SCSS hanya dapat digunakan untuk proyek React

Bagaimana cara mendeklarasikan variabel di SCSS?

• $primaryColor = red;

• var primaryColor = red;

• $primaryColor: red;

• --primaryColor: red;

Apa fungsi dari mixin dalam SASS?

• Membuat loop untuk menghasilkan gaya CSS

• Menyimpan blok kode yang dapat digunakan kembali

• Menyisipkan file CSS ke dalam SCSS

• Menggabungkan beberapa file SCSS

Bagaimana cara mengimpor file SCSS lain ke dalam sebuah file SCSS?

• import "file.scss";

• include "file.scss";

• @include "file";

• @import "file";

Apa tanda yang digunakan untuk membuat mixin di SCSS?

• {}

• @

• &

• $

Apa output dari kode berikut? $color: blue; .button { color: $color; }

• .button { color: $color; }

• .button { color: #0000FF; }

• .button { color: blue; }

• .button { color: var(--color); }

Apa kegunaan fungsi @extend di SCSS?

• Menambahkan elemen baru ke CSS

• Menggabungkan properti CSS dari selector lain

• Memisahkan file CSS menjadi beberapa bagian

• Menambahkan prefix browser secara otomatis

Apa fungsi dari file _reset.scss dalam proyek SCSS?

• Mengatur ulang seluruh file CSS menjadi format standar agar lebih mudah diatur.

• Mempercepat proses kompilasi SCSS menjadi CSS.

• Membantu menghapus properti yang tidak digunakan dalam SCSS.

• Mengelompokkan semua mixin dalam satu file agar bisa digunakan di berbagai komponen.

Manakah yang merupakan keuntungan utama menggunakan SCSS dibandingkan CSS biasa?

• SCSS mendukung variabel, nesting, dan fitur seperti import dan mixin.

• SCSS hanya dapat digunakan untuk proyek kecil karena lebih kompleks.

• SCSS mengurangi waktu loading file CSS di browser.

• SCSS tidak membutuhkan kompilasi sebelum digunakan.