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