PADDING
  1. Utilities
  2. Padding
Padding values
.pd-0
.pd-20
.pd-40
Classes .pd-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding Top values
.pd-t-0
.pd-t-20
.pd-t-40
Classes .pd-t-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding Right values
.pd-e-0
.pd-e-20
.pd-e-40
Classes .pd-e-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding Bottom values
.pd-b-0
.pd-b-20
.pd-b-40
Classes .pd-b-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding Left values
.pd-s-0
.pd-s-20
.pd-s-40
Classes .pd-s-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding X values
.pd-x-0
.pd-x-20
.pd-x-40
Classes .pd-x-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Padding Y values
.pd-y-0
.pd-y-20
.pd-y-40
Classes .pd-y-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Bigger Values 15 | 20 | 25 | 30 | 40
Media Query Padding
Class Value
.pd-[size]-t-[value]
.pd-[size]-r-[value]
.pd-[size]-b-[value]
.pd-[size]-l-[value]
.pd-[size]-x-[value]
.pd-[size]-y-[value]

size: xs | sm | md | lg | xl

value: the padding value (refer to code above)