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: