...
Repräsentiert eine Einbettungsebene für den Styleguide und sollte nur auf oberster Ebene genutzt und darf nicht kombiniert ein konfiguriertes Layout. Es kann nur auf der obersten Ebene genutzt werden und kann nur Seitenkomponenten enthalten.
Page
Repräsentiert eine Seite. Intial werden alle zu platzierenden Elemente auf einer Seite entsprechend ihres Layouts platziert. Das Javascript übernimmt dann die Verteilung auf Einzelseiten.
Paragraph
Wird für formatierten Text (strong, em, ul, li, a, etc.) genutzt und kann mit den nachfolgenden Varianten verändert werden.
| Variantenname | Beschreibung |
|---|---|
lead | Setzt die Schriftgröße auf $print-typography-size-lead. |
muted | Setzt die Schriftgröße auf $print-typography-size-muted. |
headline-1 bis headline-6 | Setzt die Schrifgröße auf die Überschriftgrößen entsprechend des Levels |
align-center | Zentriert den Inhalt der Komponente |
align-right | Richtet den Inhalt rechtsbündig aus |
columns | Unterteilt den Inhalt in horizontale Spalten. Mit den zusätzlichen Varianten columns-2 bis columns-4 kann die Anzahl an Spalten festgelegt werden. |