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