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

Sunbird Design

Common Reusable Classes

Analytics

Related content