Fertig
Text
Größe
Um einem Absatz eine eigene Schriftgröße zu geben, wird das Attribut {: .text-small } oder {: .text-big } eingefügt.
Dies ist ein kleiner Text. 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.
**Dies ist ein kleiner Text**. 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.
{: .text-small }
Dies ist ein normaler 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.
**Dies ist ein normaler 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.
Dies ist ein großer Text. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
**Dies ist ein großer Text**. Sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua.
{: .text-big }
Dies ist ein sehr großer Text. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
**Dies ist ein sehr großer Text**. Consetetur sadipscing elitr, sed diam nonumy
eirmod tempor.
{: .text-very-big }
Font-Style
Kursiv
Kursive Worte werden erzeugt, indem das Wort oder der Satz mit einem Sternchen beginnt und mit einem Sternchen endet.
Dies ist ein kursiver Text
*Dies ist ein kursiver Text*
Fett
Fette Worte werden erzeugt, indem das Wort oder der Satz mit zwei Sternchen beginnt und mit zwei Sternchen endet.
Dies ist ein fetter Text
**Dies ist ein fetter Text**
Kursiv Fett
Fette und kursive Worte werden erzeugt, indem das Wort oder der Satz mit drei Sternchen beginnt und mit drei Sternchen endet.
Dies ist ein fetter, kursiver Text
***Dies ist ein fetter, kursiver Text***
Unterstrichen
Unterstrichene Worte werden erzeugt, indem das Wort oder der Satz mit <u> beginnt und mit </u> endet.
Dies ist ein unterstrichener Text
<u>Dies ist ein unterstrichener Text</u>
Durchgestrichen
Durchgestrichene Worte werden mit Hilfe von 2 Tilden ~~ erzeugt. Apple-Tastatur [Option + n].
Dieser Satz wurde vorsorglich durchgestrichen
~~Dieser Satz wurde vorsorglich durchgestrichen~~
Notiz: Statt der 2 Tilden kann der Ausdruck auch mit HTML-Tags durchgestrichen werden
<del>werden</del>.
Farbe
Ein Absatz bekommt z. B. durch das Attribut {: .text-grey } eine Farbe. Folgende Farben stehen zur Auswahl.
| Farbe | Attribut | Vorschau |
| Weiß | {: .text-white } | Vorschau Weiß |
| Grau | {: .text-grey } | Vorschau Grau |
| Grün | {: .text-green } | Vorschau Grün |
| Gelb | {: .text-yellow } | Vorschau Gelb |
| Blau | {: .text-blue } | Vorschau Blau |
| Rot | {: .text-red } | Vorschau Rot |
| Lila | {: .text-purple } | Vorschau Lila |
Um ein einzelnes Wort farbig zu markieren, muss das Wort oder der Ausdruck mit Sternchen umgeben * und das Farbattribut direkt angehängt sein (ohne Zeilenumbruch).
So sieht ein einzelnes rotes Wort aus.
So sieht ein einzelnes *rotes*{: .text-red } Wort aus.
Notiz: Es ist nicht möglich, ein kursives Wort oder einen kursiven Ausdruck farbig darzustellen.