Margin and padding utility classes to add spacing to the elements.
How it works
m for the properties margin
p for the properties padding
l for classes margin-left or padding-left
r for classes margin-right or padding-right
t for classes margin-top or padding-top
b for classes margin-bottom or padding-bottom
x for classes x-left and x-right
y for classes x-top and x-bottom
The functional sizes, the smaller number is the greater spacing.
1 it will be equal to 3rem
2 it will be equal to 2rem
3 it will be equal to 1rem
Examples of margin:
Examples of padding:
To eliminate margins and padding I used one of the following classes with the prefix no-.
Contribute on GitHub
Become a sponsor.
If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.