Invisible Docs
GalerieTokens

Layout — Layouts

5 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.

Effekt-Rahmen

Hülle mit dekorativem Hintergrund oder Rand für beliebige Inhalte: laufender Rand-Glanz, Punkt-/Linien-Raster oder Verlaufs-Schein — alle Effekte aus Tokens und mit prefers-reduced-motion-Rückfall

layout.effect-frame

Raster

Zwölf-Spalten-Raster. Kinder bestimmen ihre Breite über node.layout.span; ohne Angabe gilt die Vorgabe aus dem columns-Prop.

layout.grid

Reihe

Horizontale Reihe mit Umbruch (Buttons, Badges, Meta-Zeilen) — wrappt fluid ohne Media Query

layout.cluster

Spalten

Zwei benannte Spalten mit Verhältnis (1:1, 2:1, 1:2) — stapeln mobil untereinander

layout.columns

Stapel

Vertikaler Stapel mit Token-Abstand — das Grundlayout für untereinander stehende Inhalte

layout.stack