Layout : Hilfsklassen

Abstände, Breiten, Ausrichtung und Rahmen.

Abstände

Mit den Klassen der Gruppen „Innenabstände“ und „Außenabstände“ im Klassen-Manager änderst du Abstände in Schritten von 1 rem:

  • m-t-0 bis m-t-5 und m-b-0 bis m-b-5 – Abstand nach oben bzw. unten
  • p-t-0 bis p-t-5 und p-b-0 bis p-b-5 – Innenabstand oben bzw. unten; an Artikeln ändern sie den Abstand zum nächsten Abschnitt, auch bei den Boxen

Artikelbreite

Die Gruppe „Breite“ bietet die gängigen Kombinationen. Alle Klassen folgen dem Muster article-[viewport]-[spalten] und article-start-[viewport]-[spalte], zum Beispiel article-lg-6 article-start-lg-4.

Ausrichtung, Rahmen und Text

  • heading--center – Überschrift mittig
  • text--center – Text oder Link mittig
  • block--center – Element mit fester Breite mittig
  • border-top, border-bottom – Linie oben bzw. unten
  • text--inverted – helle Schrift auf dunklem Grund

Klassen ohne Eintrag im Klassen-Manager trägst du in den Experteneinstellungen ins Feld „CSS-Klasse“ ein.

Beispiel

Dieser Text hat die Klassen border-top und p-t-2.