CSS Utilities

Spacings

Spacing Utilities steuern Margin, Padding und Gap auf Basis der Token-Skala. So bleiben Abstaende konsistent ueber alle Komponenten und Seiten hinweg.

Spacing Utilities

• .p-*: Padding auf allen Seiten
• .px-* / .py-*: Horizontales oder vertikales Padding
• .m-*: Margin auf allen Seiten
• .mx-* / .my-*: Horizontaler oder vertikaler Margin
• .gap-*: Abstand zwischen Flex/Grid-Items

Beispiele