Layout : Artikel

Hintergründe und Breiten für Abschnitte.

Artikel

Hintergrund und Breite eines Abschnitts wählst du in den Artikeleinstellungen im Klassen-Manager (Gruppen „Varianten“ und „Breite“). Den Seitenkopf dieser Seite setzt article--dark article--page-head („Seitenkopf (dunkel)“).

Standard

Ohne Klasse: transparenter Hintergrund auf dem hellgrauen Seitengrund.

Artikel weiß

article--surface: weißer Abschnitt über die volle Breite.

Box getönt

article--tint: getönte Box mit abgerundeten Ecken in Inhaltsbreite.

Box dunkel

article--dark: dunkle Box, etwas breiter als der Inhalt. Überschriften, Links und Fokus passen sich an.

Box dunkel, Inhaltsbreite

article--dark article--cta: dunkle Box in Inhaltsbreite für einen Hinweis mit Button.

Artikel 10/12 zentriert

article-md-10 article-start-md-2: ab Tablet 10 von 12 Spalten, mittig. So stehen die Kundenstimmen der Demo.

Artikel 8/12 zentriert

article-md-8 article-start-md-3: ab Tablet 8 von 12 Spalten, mittig – gut lesbar für längere Texte.

Artikel vollflächig

article--full: volle Fensterbreite ohne Innenabstand, zum Beispiel für ein Bild über die ganze Breite: