Spacing

How it works

Assign margin and padding properties to your components with a simple String respecting a predefined scale customizable

Margin

• m Margin all
• mt Margin top
• mb Margin bottom
• mr Margin right
• ml Margin left
• my Margin top & margin bottom
• mx Margin lett & margin right

Pading

• p Padding all
• pt Padding top
• pb Padding bottom
• pr Padding right
• pl Padding left
• py Padding top & padding bottom
• px Padding lett & padding right

Apply scale

To apply a scale you must add it after specifying a property {prop}-{scale}.

• The property can be any:margin or padding predefined
• The scale value can be: auto || Integer >= 1

Example