Foundation - Pembantu Tipografi
Pada bab ini, kita akan mempelajari tentang Typography Helpers. Pembantu tipografi digunakan untuk memformat teks Anda dengan cara yang relevan secara semantik. Kelas pembantu di Foundation memungkinkan Anda merancang beberapa gaya tipografi lebih cepat.
Tabel berikut mencantumkan Tipografi Helpers , yang digunakan di Foundation.
| Sr.No. | Pembantu Tipografi & Deskripsi |
|---|---|
| 1 | Perataan Teks Ini membantu dalam mengubah perataan teks elemen seperti kiri , kanan , tengah dan membenarkan . |
| 2 | Subheader Subheader dapat ditambahkan ke elemen header apa pun dengan menggunakan kelas .subheader . |
| 3 | Paragraf Timbal Ini adalah blok teks yang jauh lebih besar dibandingkan dengan teks biasa, yang dapat digunakan untuk iklan atau teks deskriptif lainnya. |
| 4 | Daftar Tidak Berbutir Secara default, <ul> adalah daftar berpoin di Foundation. Untuk menghapus peluru, Anda bisa menggunakan kelas .no-bullet . |
| 5 | Statistik Setiap kali Anda berurusan dengan dasbor, Anda perlu menyoroti beberapa nomor penting. Anda dapat mencapai ini dengan menggunakan kelas .stat . |
Referensi Sass
Variabel
Tabel berikut mencantumkan variabel SASS dalam file pengaturan proyek yang membuat gaya default komponen dapat disesuaikan.
| Sr.No. | Nama & Deskripsi | Tipe | Nilai Default |
|---|---|---|---|
| 1 | $lead-font-size Ukuran font untuk paragraf utama secara default. |
Jumlah | $ global-font-size * 1.25 |
| 2 | $lead-lineheight Tinggi baris untuk paragraf awal secara default. |
Tali | 1.6 |
| 3 | $subheader-lineheight Tinggi baris default subheader. |
Jumlah | 1.4 |
| 4 | $subheader-color Warna font default subheader. |
Warna | $ abu-abu tua |
| 5 | $subheader-font-weight Berat font default subheader. |
Tali | $ global-weight-normal |
| 6 | $subheader-margin-top Margin atas default subheader. |
Jumlah | 0,2 rem |
| 7 | $subheader-margin-bottom Margin bawah default subheader. |
Jumlah | 0,5 rem |
| 8 | $stat-font-size Ukuran font default nomor statis |
Jumlah | 2.5rem |