Abstände

Grundsätzliche Definitionen

Als grundsätzliche Regel, für Text-Nodes (p, h1-h6) ist stets ein Abstand nach unten, in Ausnahmen auch nach oben (wenn, dann ist das aber auch hier im Beispielseitenbaum vermerkt). Dieser Abstand beläuft sich auf 1.125rem und skaliert automatisch mit der von Benutzern gesetzten Schriftgröße mit. Bei einer Schriftgröße von 16px (systemübergreifender Standardwert aller Browser) entspricht das einem Abstand von 18px.

Darüberhinaus ist, mit Ausnahme der farbigen Container-Elemente, jedem verfügbaren Inhaltselement grundsätzlich immer ein Abstand nach oben und nach unten zugewiesen. Dieser entspricht aktuell 1.875rem – das entspricht bei 16px Schriftgröße wiederum 30px.

Abstände verändern

Im Tab »Erscheinungsbild« können mit den beiden Feldern »Abstand davor« und »Abstand danach« die Abstände durch vordefinierte Optionen verringert oder sogar erhöht werden. Damit kann bei allen Inhaltselementen Fallweise gezielt der Abstand gesteuert werden.

Die verfügbaren Optionen sind:

Extraklein, entspricht 0.25rem (4px auf 16px Schriftgröße)
Klein, entspricht 0.5rem (8px auf 16px Schriftgröße)
Mittel, entspricht 1.125rem (18px auf 16px Schriftgröße)
Groß, entspricht 1.5rem (24px auf 16px Schriftgröße)
Extragroß, entspricht 3rem (48px auf 16px Schriftgröße)