Foundation - Typografie-Helfer
In diesem Kapitel werden wir darüber lernen Typography Helpers. Typografie-Helfer werden verwendet, um Ihren Text auf semantisch relevante Weise zu formatieren. Mithilfe von Hilfsklassen in Foundation können Sie einige typografische Stile schneller erstellen.
In der folgenden Tabelle sind die Typografie-Helfer aufgeführt , die in Foundation verwendet werden.
| Sr.Nr. | Typografie-Helfer & Beschreibung |
|---|---|
| 1 | Textausrichtung
Es hilft beim Ändern der Textausrichtung des Elements wie links , rechts , zentrieren und ausrichten . |
| 2 | Subheader
Unterüberschriften können mithilfe der .subheader- Klasse zu jedem Header-Element hinzugefügt werden . |
| 3 | Leitabsatz
Es ist ein erheblich größerer Textblock als der normale Text, der für Werbung oder anderen beschreibenden Text verwendet werden kann. |
| 4 | Liste ohne Aufzählungszeichen
Standardmäßig ist das <ul> eine Aufzählungsliste in Foundation. Um die Aufzählungszeichen zu entfernen, können Sie die .no-bullet- Klasse verwenden. |
| 5 | Statistiken
Wann immer Sie mit Dashboard arbeiten, müssen Sie einige wichtige Zahlen hervorheben. Sie können dies mit der .stat- Klasse erreichen. |
Sass Referenz
Variablen
In der folgenden Tabelle sind die SASS-Variablen in der Einstellungsdatei des Projekts aufgeführt, mit denen die Standardstile der Komponente angepasst werden können.
| Sr.Nr. | Name & Beschreibung | Art | Standardwert |
|---|---|---|---|
| 1 |
$lead-font-size Standardmäßig Schriftgröße für Hauptabsätze. |
Nummer | $ global-font-size * 1.25 |
| 2 |
$lead-lineheight Zeilenhöhe für Lead-Absatz standardmäßig. |
String | 1.6 |
| 3 |
$subheader-lineheight Standardzeilenhöhe des Subheader. |
Nummer | 1.4 |
| 4 |
$subheader-color Standardschriftfarbe des Subheader. |
Farbe | $ dunkelgrau |
| 5 |
$subheader-font-weight Standardschriftgröße des Subheader. |
String | $ global-weight-normal |
| 6 |
$subheader-margin-top Standardmäßiger oberer Rand des Subheader. |
Nummer | 0,2rem |
| 7 |
$subheader-margin-bottom Standardunterrand des Subheader. |
Nummer | 0,5rem |
| 8 |
$stat-font-size Standardschriftgröße der statischen Nummer |
Nummer | 2.5rem |