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