Fundacja - pomocnicy typografii
W tym rozdziale będziemy się uczyć Typography Helpers. Pomoce typograficzne służą do formatowania tekstu w semantycznie odpowiedni sposób. Klasy pomocnicze w Foundation umożliwiają szybsze tworzenie szkieletów niektórych stylów typograficznych.
W poniższej tabeli wymieniono pomocników typografii , które są używane w programie Foundation.
| Sr.No. | Pomocnik i opis typografii |
|---|---|
| 1 | Wyrównanie tekstu Pomaga w zmianie wyrównania tekstu elementu, takiego jak lewy , prawy , wyśrodkowany i wyjustowany . |
| 2 | Subheader Podtytuł można dodać do dowolnego elementu nagłówka za pomocą klasy .subheader . |
| 3 | Główny akapit Jest to znacznie większy blok tekstu w porównaniu do zwykłego tekstu, który można wykorzystać do reklamy lub innego tekstu opisowego. |
| 4 | Lista bez wypunktowania Domyślnie <ul> jest listą wypunktowaną w Foundation. Aby usunąć punktory, możesz użyć klasy .no-bullet . |
| 5 | Statystyka Ilekroć masz do czynienia z dashboardem, musisz podkreślić kilka ważnych liczb. Możesz to osiągnąć za pomocą klasy .stat . |
Sass Reference
Zmienne
W poniższej tabeli wymieniono zmienne SASS w pliku ustawień projektu, które sprawiają, że domyślne style składnika można dostosować.
| Sr.No. | Nazwa i opis | Rodzaj | Domyślna wartość |
|---|---|---|---|
| 1 | $lead-font-size Domyślny rozmiar czcionki dla akapitów wiodących. |
Numer | $ global-font-size * 1.25 |
| 2 | $lead-lineheight Domyślna wysokość wiersza akapitu wiodącego. |
Strunowy | 1.6 |
| 3 | $subheader-lineheight Domyślna wysokość wiersza nagłówka. |
Numer | 1.4 |
| 4 | $subheader-color Domyślny kolor czcionki podtytułu. |
Kolor | $ ciemnoszary |
| 5 | $subheader-font-weight Domyślna grubość czcionki podtytułu. |
Strunowy | $ global-weight-normal |
| 6 | $subheader-margin-top Domyślny górny margines podtytułu. |
Numer | 0,2rem |
| 7 | $subheader-margin-bottom Domyślny dolny margines nagłówka. |
Numer | 0.5rem |
| 8 | $stat-font-size Domyślny rozmiar czcionki liczby statycznej |
Numer | 2.5rem |