Styles
für den Fließtext
Der Fließtext kann z.B. folgende Styles erhalten:
Lead - der Text wird etwas größer hervorgehoben
Small - der Text wird kleiner ausgegeben
Color primary - der Text bekommt eine blaue Farbe zugewiesen
Color secondary - der Text bekommt eine graue Farbe zugewiesen
Indent - der Text erhält einen Text-Indent von 25%
Diese Styles, können für den gesamten Absatz “Block styles” oder für einzelne Wörter im Absatz “Text style” zugewiesen werden.
Für die “Block styles” habe ich weiter Styles für Abstände oben bzw. unten hinzugefügt.
Wenn ein anderer Abstand im Fließtext gewünscht wird, sollte dieser mit den neuen “Block styles” umgesetzt werden.
Viele Redakteure fügen hier einfach ein oder sogar mehrere Leerzeilen ein. Das kann auf dem Mobile z.T. sehr befremdlich aussehen!
Header / Überschriften
im Fließtext
Header H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
Header H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
Header H4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
Header H5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
Schriftgröße
für den Fließtext
Dem Fließtext kann eine bestimmte Größe (font-size) zugewiesen werden.
Aktuell sind es drei Größen mit ensprechender Angabe in Pixel.
38px: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
46px: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
56px: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Text ausrichten
Der Text (Fließtext & Heading) kann auf Wunsch ausgerichtet werden.
Folgendes ist möglich:
Links ausrichten (default)
Zentriert ausrichten
Rechts ausrichten
Justify Text : Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Tabellen
im Fließtext
Wenn die Tabellen hier benötigt werden, dann werde ich diese Option hier belassen.
Tabellen sollten jedoch mit dem Content-Element “Tabellen” erstellt werden!
Icons
Ein Click auf den kleine, abgebildete Würfel öffnet ein Fenster, in dem die gewünschten Icons ausgewählte werden können.
Kombinationen sind möglich
hier einige Beispiele
Style “Lead” und “color-primary”
Header h3 und “color-primary”