Loader

It is Very Easy to Customize and it uses in website apllication.

.pd-t-30
.pd-t-50
.pd-t-70
Classes.pd-t-[value]
Values1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values15 | 20 | 25 | 30 | ... | 120   (step of 5)
Even Bigger Values110 | 120 | 130 | 140 | ... | 200   (step of 10)

It is Very Easy to Customize and it uses in website apllication.

.pd-l-30
.pd-l-50
.pd-l-120
Classes.pd-l-[value]
Values1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values15 | 20 | 25 | 30 | ... | 120   (step of 5)
Even Bigger Values110 | 120 | 130 | 140 | ... | 200   (step of 10)

It is Very Easy to Customize and it uses in website apllication.

.pd-r-30
.pd-r-50
.pd-r-120
Classes.pd-r-[value]
Values1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values15 | 20 | 25 | 30 | ... | 120   (step of 5)
Even Bigger Values110 | 120 | 130 | 140 | ... | 200   (step of 10)

It is Very Easy to Customize and it uses in website apllication.

.pd-b-30
.pd-b-50
.pd-b-70
Classes.pd-b-[value]
Values1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values15 | 20 | 25 | 30 | ... | 120   (step of 5)
Even Bigger Values110 | 120 | 130 | 140 | ... | 200   (step of 10)

It is Very Easy to Customize and it uses in website apllication.

ClassValue
.pd-[size]-t-[value]
.pd-[size]-r-[value]
.pd-[size]-b-[value]
.pd-[size]-l-[value]

size: xs | sm | md | lg | xl

value: the padding value (refer to code above)