Fusion CSS
provides a wide range of values and a comprehensive numeric spacing
scale. The values are proportional, so 4 is twice as much spacing as
2 for example. One spacing unit is equal to 0.25rem, which
translates to 4px by default in most browsers.
All spacing like margin, padding, height and width have the
respective classes, margin -
m,
padding -
p,
width -
w,
height -
h,
margin-top -
mt,
margin-bottom -
mb,
margin-left -
ml,
margin-right -
mr,
padding-top -
pt,
padding-bottom -
pb,
padding-left -
pl,
padding-right -
pr.
All the spacing classes can be used with this chart for example
m-5,
pb-11,
h-16,
mt-44,
w-32
etc.