Spacing

SLEEK UI provies utility classes for margin and padding, add spacing to elements quickly by using these classes.

Notation

The classes have a format of {property}{side}-{size-number}

Here property is

m - margin

p - padding

Side is one of these

x - applies on right and left side of element

y - applies on top and bottom side of element

t - applies on top of element

r - applies on right of element

b - applies on bottom of element

l - applies on left of element

And here size is one of these

Sizes start from 0 which set margin or padding to 0

Now sizes range from 1-16 and each increment in size number will increase spacing by 0.25rem.

ON THIS PAGE