Die Beispiele

Um noch weitere Hero- und Farb-Varianten zeigen zu können, habe ich diese Seite angelegt. Ich nutze sie auch gleich, um noch ein paar Style-Beispiele zu demonstrieren. Notfalls kannst du dir alle nötigen Infos aus dem Demo-Content holen.

Beispiel: Unser Team

John Doe jun. – Juniorchef

kocht Kaffee, putzt die Küche und geht einkaufen

Jane Doe – graue Eminenz

verwaltet die Finanzen, schließt Verträge ab

John Doe sen. – Seniorchef

stopft Krisen-Löcher, ist aber oft nicht da

Die CSS-Klasse: highLight

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque cursus, mauris nec sagittis dictum, nunc pede facilisis nisl, id mattis nunc nulla in ipsum. <span class="highLight"> Donec ullamcorper, nulla eu faucibus sagittis, wisi risus ultrices metus, a ornare purus metus eget elit. Sed a leo. Suspendisse nisl tellus, volutpat vel, vehicula nec, venenatis eu, erat. Maecenas vulputate laoreet lectus. Fusce pulvinar ante non sapien wisi ac tristique ornare, ante est lacinia urna, quis tempor neque dui id tortor.

<p class="highLight">Vivamus posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec facilisis.</p>

Im Editor wirst du für highLight immer nur die Standardfarbe (orange) zu sehen bekommen, weil hier die dynamischen Styles nicht greifen. In der Vorschau und im Frontend erhalten diese Elemente dann die Farbe der Hero-Überschrift.