Spacing Helper Classes

Einfache Padding-Klassen für perfekte Abstände

Padding Größen (Vertikal)

py-0: Kein Padding (0)

py-xs: 0.5rem (8px)

py-sm: 1rem (16px)

py-md: 2rem (32px)

Größere Paddings

py-lg: 3rem (48px)

py-xl: 4rem (64px)

py-2xl: 6rem (96px)

Verfügbare Classes

Vertikal (Top + Bottom)

py-0 – Kein Padding
py-xs – 0.5rem (8px)
py-sm – 1rem (16px)
py-md – 2rem (32px)
py-lg – 3rem (48px)
py-xl – 4rem (64px)
py-2xl – 6rem (96px)

Horizontal (Left + Right)

px-0 – Kein Padding
px-xs – 0.5rem (8px)
px-sm – 1rem (16px)
px-md – 2rem (32px)
px-lg – 3rem (48px)
px-xl – 4rem (64px)
px-2xl – 6rem (96px)

Blueprint Padding (Alle Seiten)

Für individuelle Seiten: bp-pt-*, bp-pr-*, bp-pb-*, bp-pl-*

bp-p-0 bis bp-p-5 – Alle Seiten gleichzeitig
bp-px-0 bis bp-px-5 – Links + Rechts
bp-py-0 bis bp-py-5 – Oben + Unten