| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Layout |
|---|---|---|
| layout-card-body-content-justify | flex-start | Ausrichtung des Inhalts im Body-Segment der Card. |
| layout-card-segment-content-gap | spacing-small | Vertikaler Abstand zwischen Inhaltselementen innerhalb eines Card-Segments. |
| layout-card-segment-padding-top | card-segment-padding-vertical | Oberer Innenabstand von Card-Segmenten. |
| layout-card-segment-padding-right | card-segment-padding-horizontal | Rechter Innenabstand von Card-Segmenten. |
| layout-card-segment-padding-bottom | card-segment-padding-vertical | Unterer Innenabstand von Card-Segmenten. |
| layout-card-segment-padding-left | card-segment-padding-horizontal | Linker Innenabstand von Card-Segmenten. |
| layout-card-body-padding-top | layout-card-segment-padding-top | Oberer Innenabstand des Card-Body-Segments. |
| layout-card-body-padding-right | layout-card-segment-padding-right | Rechter Innenabstand des Card-Body-Segments. |
| layout-card-body-padding-bottom | layout-card-segment-padding-bottom | Unterer Innenabstand des Card-Body-Segments. |
| layout-card-body-padding-left | layout-card-segment-padding-left | Linker Innenabstand des Card-Body-Segments. |
| layout-card-body-text-margin | 0 | Textabstand im Card-Body; verhindert zusätzliche Default-Margins. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Layout |
|---|---|---|
| layout-tab-navigation-large-padding-inline | interaction-padding-horizontal | Horizontaler Innenabstand für große Tab-Navigationen. |
| layout-input-label-width | dimension-input-label-width | Desktop-Breite der Label-Spalte für ein- und mehrzeilige Eingabefelder. |
| layout-input-field-desktop-width | dimension-input-field-desktop-width | Fixe Desktop-Breite für ein- und mehrzeilige Eingabefelder. |
| layout-input-field-max-width | dimension-input-field-max-width | Maximale Breite für ein- und mehrzeilige Eingabefelder (ohne Suchfeld). |
| layout-search-field-width | dimension-search-field-width | Fixe Breite des Suchfeld-Inputs. |
| layout-pulldown-panel-padding-inline | compact-interaction-padding-horizontal | Horizontaler Innenabstand des geöffneten Pulldown-Panels. |
| layout-pulldown-option-padding-inline | compact-interaction-padding-horizontal | Horizontaler Innenabstand der einzelnen Pulldown-Optionen. |
| layout-pulldown-padding-inline | compact-interaction-padding-horizontal | Innenabstand links für Pulldown-Trigger und Select-Felder. |
| layout-pulldown-chevron-offset | compact-interaction-padding-horizontal | Rechter Innenabstand des Chevron-Icons im Pulldown. |
| layout-pulldown-chevron-reserved-space | spacing-large | Reservierte Breite zwischen Pulldown-Text und rechtem Chevron-Bereich. |
| layout-mode-toggle-local-height | compact-interaction-height | Höhe des Modus Schieber lokal; entspricht dem kompakten Interaktionsmaß. |
| layout-mode-toggle-local-width-factor | 3 | Breitenfaktor des lokalen Modus-Schiebers relativ zur lokalen Höhe. |
| layout-mode-toggle-width | calc(interaction-height * 3.5) | Standardbreite des Mode-Toggles in regulären Varianten. |
| layout-help-panel-width | calc(interaction-height * 8) | Standardbreite des Help-Panels. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Layout |
|---|---|---|
| layout-preview-align-items | flex-start | Vertikale Ausrichtung der Elemente innerhalb der Typografie-Preview. |
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Layout |
|---|---|---|
| layout-options-row-margin-top | spacing-small | Abstand oberhalb der Options Row. |
| layout-options-row-main-gap | spacing-large | Horizontaler Abstand zwischen linker und rechter Aktionsgruppe. |
| layout-options-row-group-gap | spacing-small | Abstand zwischen Controls innerhalb der linken und rechten Gruppe. |
| layout-options-row-mode-toggle-width | dimension-options-row-mode-toggle-width | Breite des Mode-Toggles innerhalb der Options Row. |
| layout-options-row-help-panel-width | dimension-options-row-help-panel-width | Breite des Help-Panels innerhalb der Options Row. |
| layout-object-card-min-width | dimension-object-card-min-width | Mindestbreite der Object Card im horizontalen Desktop-Layout. |
| layout-object-card-max-width | dimension-object-card-max-width | Maximalbreite der Object Card im horizontalen Desktop-Layout. |
| layout-object-card-height | dimension-object-card-height | Fixe Höhe der Object Card im Desktop-Layout. |
| layout-object-card-mobile-width | dimension-object-card-mobile-width | Volle verfügbare Breite der Object Card auf Mobile. |
| layout-object-card-mobile-height | dimension-object-card-mobile-height | Inhaltsabhängige Höhe der Object Card auf Mobile. |
| layout-object-card-desktop-breakpoint | dimension-object-card-desktop-breakpoint | Breakpoint, ab dem die Desktop-Maße der Object Card aktiv sind. |
| layout-object-card-content-grow | dimension-object-card-content-grow | Flex-Grow-Wert für das vorletzte Segment der Object Card. |
| layout-object-card-shared-width | auto | Geteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen. |
| layout-content-cards-group-gap | spacing-small | Abstand zwischen Inhaltsblock-Karten innerhalb der Gruppe. |
| layout-card-list-drawer-width | dimension-card-list-drawer-width | Breite des ausziehbaren Card-Listenbereichs relativ zum Container. |