Bahasa
Referensi Cepat Sass/SCSS
Cheat sheet siap cetak untuk Referensi Cepat Sass/SCSS, disusun untuk pencarian cepat, belajar, dan referensi di meja
Contoh
Isi cheat sheet ini
- Sintaks
- Variabel
- Nesting
- Mixin
- Fungsi
- Extend
- Partial & Import
- Alur Kontrol
- Map & List
- Pola Umum
SCSS vs Sass
// SCSS (superset CSS — menggunakan kurung kurawal)
.nav { display: flex; }
// Sass (berdasarkan indentasi — tanpa kurung atau titik koma)
.nav
display: flex
SCSS adalah sintaks yang paling umum digunakan
Perbandingan
SCSS (.scss) | Kompatibel dengan CSS, kurung kurawal & titik koma |
Sass (.sass) | Berbasis indentasi, tanpa kurung kurawal |
Output | Keduanya dikompilasi menjadi CSS standar |
Disarankan | SCSS (adopsi lebih luas, migrasi lebih mudah) |
Unduh cheat sheet lengkap dengan semua bagian, siap cetak
Unduh PDFUnduhan
Pilih varian yang sesuai dengan cara Anda membaca
-
Direkomendasikan
Standar
Hitam-putih, hemat tinta. Pilihan default untuk printer laser dan fotokopi
Terbaik untuk Cetakan dan referensi di meja
-
Warna
Aksen warna hangat untuk membaca di layar atau printer warna
Terbaik untuk Membaca di layar atau printer warna
-
Kartu Referensi
Kepadatan maksimum, layout 4 kolom. Semua dalam satu halaman
Terbaik untuk Pemindaian cepat dan penggunaan kertas minimum
