Common Reusable Classes
Class | Description |
|---|---|
|
|
Margins | All Directions |
m-0 | adds margin 0 in all directions |
m-5 | adds margin 5px in all directions |
m-10 | adds margin 10px in all directions |
m-15 | adds margin 15px in all directions |
m-20 | adds margin 20px in all directions |
Margin | Only Top direction |
mt-0 | adds margin 0 in top direction |
mt-5 | adds margin 5px in top direction |
mt-10 | adds margin 10px in top direction |
mt-15 | adds margin 15px in top direction |
mt-20 | adds margin 20px in top direction |
Margin | Only Bottom direction |
mb-0 | adds margin 0 in bottom direction |
mb-5 | adds margin 5px in bottom direction |
mb-10 | adds margin 10px in bottom direction |
mb-15 | adds margin 15px in bottom direction |
mb-20 | adds margin 20px in bottom direction |
Margin | Only Left direction |
ml-0 | adds margin 0 in left direction |
ml-5 | adds margin 5px in left direction |
ml-10 | adds margin 10px in left direction |
ml-15 | adds margin 15px in left direction |
ml-20 | adds margin 20px in left direction |
Margin | Only Right direction |
mr-0 | adds margin 0 in right direction |
mr-5 | adds margin 5px in right direction |
mr-10 | adds margin 10px in right direction |
mr-15 | adds margin 15px in right direction |
mr-20 | adds margin 20px in right direction |
Padding | All Directions |
p-0 | adds padding 0 in all directions |
p-5 | adds padding 5px in all directions |
p-10 | adds padding 10px in all directions |
p-15 | adds padding 15px in all directions |
p-20 | adds padding 20px in all directions |
Padding | Only Top direction |
pt-0 | adds padding 0 in top direction |
pt-5 | adds padding 5px in top direction |
pt-10 | adds padding 10px in top direction |
pt-15 | adds padding 15px in top direction |
pt-20 | adds padding 20px in top direction |
Padding | Only Bottom direction |
pb-0 | adds padding 0 in bottom direction |
pb-5 | adds padding 5px in bottom direction |
pb-10 | adds padding 10px in bottom direction |
pb-15 | adds padding 15px in bottom direction |
pb-20 | adds padding 20px in bottom direction |
Padding | Only Left direction |
pl-0 | adds padding 0 in left direction |
pl-5 | adds padding 5px in left direction |
pl-10 | adds padding 10px in left direction |
pl-15 | adds padding 15px in left direction |
pl-20 | adds padding 20px in left direction |
Padding | Only Right direction |
pr-0 | adds padding 0 in right direction |
pr-5 | adds padding 5px in right direction |
pr-10 | adds padding 10px in right direction |
pr-15 | adds padding 15px in right direction |
pr-20 | adds padding 20px in right direction |
Opacity |
|
opacity-1 | adds opacity 1 |
Border Radius |
|
br-0 | Adds border radius 0 in all corners |
|
|
|
|
|
|
|
|
|
|
|
|
|
|