Styleguide Padding

Abstände Innen (padding)

CSS-Klassen für Innenabstände werden wie folgt geschrieben:
p{Seite}-{breakpoint}-{Abstand} also zB.: pr-md-30
zu Lesen wie: Padding Right – ab Medium Breakpoint – 30 Pixel

Abstand nur Links (padding-left)

pl-40

pl-5
pl-10
pl-15
pl-20
…
pl-400

Abstand nur Rechts (padding-right)

pr-40

pr-5
pr-10
pr-15
pr-20
…
pr-400

Abstand Links und Rechts (padding-x)

px-40

px-5
px-10
px-15
px-20
…
px-400

Abstand Oben (padding-top)

pt-40

pt-5
pt-10
pt-15
pt-20
…
pt-400

Abstand Unten (padding-bottom)

pb-40

pb-5
pb-10
pb-15
pb-20
…
pb-400

Abstand auf allen Seiten

p-40

p-5
p-10
p-15
p-20
…
p-400