Vakıf - Tipografi Yardımcıları
Bu bölümde, aşağıdakiler hakkında çalışacağız Typography Helpers. Tipografi yardımcıları, metninizi anlamsal olarak uygun şekillerde biçimlendirmek için kullanılır. Foundation'daki yardımcı sınıflar, bazı tipografik stilleri daha hızlı oluşturmanıza olanak tanır.
Aşağıdaki tablo , Foundation'da kullanılan Tipografi Yardımcılarını listelemektedir .
| Sr.No. | Tipografi yardımcısı ve Açıklama |
|---|---|
| 1 | Metin hizalama Bu gibi öğenin metin hizalamasını değişen yardımcı olur sola , sağa , merkeze ve haklı . |
| 2 | Alt başlık Alt başlıklar, .subheader sınıfı kullanılarak herhangi bir başlık öğesine eklenebilir . |
| 3 | Kurşun Paragrafı Reklam veya diğer açıklayıcı metinler için kullanılabilen, normal metne kıyasla önemli ölçüde daha büyük bir metin bloğudur. |
| 4 | Madde İşaretsiz Liste Varsayılan olarak <ul> , Foundation'daki madde işaretli bir listedir. Madde işaretlerini çıkarmak için .no-bullet sınıfını kullanabilirsiniz. |
| 5 | İstatistik Gösterge panosuyla uğraşırken, bazı önemli sayıları vurgulamanız gerekir. Bunu .stat sınıfını kullanarak başarabilirsiniz . |
Sass Referansı
Değişkenler
Aşağıdaki tablo, bileşenin varsayılan stillerinin özelleştirilmesini sağlayan projenin ayarlar dosyasındaki SASS değişkenlerini listeler.
| Sr.No. | İsim & Açıklama | Tür | Varsayılan değer |
|---|---|---|---|
| 1 | $lead-font-size Varsayılan olarak ön paragraflar için yazı tipi boyutu. |
Numara | $ global yazı tipi boyutu * 1,25 |
| 2 | $lead-lineheight Varsayılan olarak ön paragraf için satır yüksekliği. |
Dize | 1.6 |
| 3 | $subheader-lineheight Alt başlığın varsayılan satır yüksekliği. |
Numara | 1.4 |
| 4 | $subheader-color Alt başlığın varsayılan yazı tipi rengi. |
Renk | $ koyu gri |
| 5 | $subheader-font-weight Alt başlığın varsayılan yazı tipi ağırlığı. |
Dize | $ global-ağırlık-normal |
| 6 | $subheader-margin-top Alt başlığın varsayılan üst kenar boşluğu. |
Numara | 0.2rem |
| 7 | $subheader-margin-bottom Alt başlığın varsayılan alt kenar boşluğu. |
Numara | 0.5rem |
| 8 | $stat-font-size Statik sayının varsayılan yazı tipi boyutu |
Numara | 2.5rem |