How can I easily enter distances for blocks?

We have created a few “classes” with which you can easily correct distances without any programming knowledge – Here is a list of the classes:

The “e” stands for “unit” and is calculated dynamically depending on the viewport/end device:

Padding (inner distances):

• p1 = padding 1st
• p2 = padding 2nd
• p3 = padding 3rd
• pt1 = padding-top 1st
• pt2 = padding-top 2nd
• pt3 = padding-top 3rd
• pb1 Padding-Bottom
• pb2 Padding-Bottom
• pb3 Padding-Bottom

Margin (Outer Spacing):

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

Example: pt1 pb1 m2

Example: pt1 pb3

Example: ml-1 pt3 mr1