Padding Utilities

You can set a padding to an element instantly by using the following utilities classes.

.pd-30
.pd-r-30
.pd-l-20
Smaller Padding Value
.pd-t-[value]
.pd-r-[value]
.pd-b-[value]
.pd-l-[value]
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Padding Value
.pd-t-[value]
.pd-r-[value]
.pd-b-[value]
.pd-l-[value]
15 | 20 | 25 | 30 | ... | 120   (step of 5)
Even Bigger Padding Value
.pd-t-[value]
.pd-r-[value]
.pd-b-[value]
.pd-l-[value]
110 | 120 | 130 | 140 | ... | 200   (step of 10)