Pengenalan Bahasa SASS
Dalam tutorial ini, kita akan mempelajari preprocessor SASS. SASS adalah alternatif dari preprocessor LESS, yang juga memungkinkan pemrograman dalam CSS.
Sebenarnya SASS memiliki dua varian sintaks, varian pertama juga disebut SASS, dan yang kedua adalah SCSS. Keduanya mendukung set fitur yang sama dan hanya sedikit berbeda dalam sintaksnya. Namun, karena SCSS lebih baru dan banyak digunakan, dalam tutorial ini kita akan mempelajarinya.
Jadi, sintaks SCSS mirip dengan sintaks CSS,
artinya kita akan melihat kurung kurawal yang sama
dan tanda kutip dengan titik koma yang sama seperti dalam CSS.
Mari kita lihat contoh sintaks SCSS,
di mana kita langsung menetapkan font dan warna
ke variabel, kemudian menetapkan variabel ini
ke properti dalam selector body:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
