Wie kann ich Abstände bei Blöcken einfach eingeben?

Wir haben ein paar „Klassen“ angelegt, mit denen ihr einfach Abstände korrigieren könnt, ohne Programmier-Kenntnisse – Hier eine Liste der Klassen:

Das „e“ steht für „Einheit“ und wird dynamisch berechnet je nach Viewport/Endgerät:

Padding (innere Abstände):

• p1 = padding 1e
• p2 = padding 2e
• p3 = padding 3e
• pt1 = padding-top 1e
• pt2 = padding-top 2e
• pt3 = padding-top 3e
• pb1 = padding-bottom 1e
• pb2 = padding-bottom 2e
• pb3 = padding-bottom 3e

Margin (äussere Abstände):

• m1 = margin 1e
• m2 = margin 2e
• m3 = margin 3e
• mt1 = margin-top 1e
• mt2 = margin-top 2e
• mt3 = margin-top 3e
• mt-1 = negativer margin-top 1e
• mt-2 = negativer margin-top 2e
• mt-3 = negativer margin-top 3e
• mr1 = margin-right 1e
• mr2 = margin-right 2e
• mr3 = margin-right 3e
• mr-1 = negativer margin-right 1e
• mr-2 = negativer margin-right 2e
• mr-3 = negativer margin-right 3e
• mb1 = margin-bottom 1e
• mb2 = margin-bottom 2e
• mb3 = margin-bottom 3e
• mb-1 = negativer margin-bottom 1e
• mb-2 = negativer margin-bottom 2e
• mb-3 = negativer margin-bottom 3e
• ml1 = margin-left 1e
• ml2 = margin-left 2e
• ml3 = margin-left 3e
• ml-1 = negativer margin-left 1e
• ml-2 = negativer margin-left 2e
• ml-3 = negativer margin-left 3e

Beispiel: pt1 pb1 m2

Beispiel: pt1 pb3

Beispiel: ml-1 pt3 mr1