Padding

Top

Right

Bottom

Left

Vertical

Horizontal

Around

.slds-p-*_xxx-small, .slds-var-p-*_xxx-small

.slds-p-*_xxx-small, .slds-var-p-*_xxx-small — Adds .125rem padding to the side specified

.slds-p-*_xx-small, .slds-var-p-*_xx-small

.slds-p-*_xx-small, .slds-var-p-*_xx-small — Adds .25rem padding to the side specified

.slds-p-*_x-small, .slds-var-p-*_x-small

.slds-p-*_x-small, .slds-var-p-*_x-small — Adds .5rem padding to the side specified

.slds-p-*_small, .slds-var-p-*_small

.slds-p-*_small, .slds-var-p-*_small — Adds .75rem padding to the side specified

.slds-p-*_medium, .slds-var-p-*_medium

.slds-p-*_medium, .slds-var-p-*_medium — Adds 1rem padding to the side specified

.slds-p-*_large, .slds-var-p-*_large

.slds-p-*_large, .slds-var-p-*_large — Adds 1.5rem padding to the side specified

.slds-p-*_x-large, .slds-var-p-*_x-large

.slds-p-*_x-large, .slds-var-p-*_x-large — Adds 2rem padding to the side specified

.slds-p-*_xx-large, .slds-var-p-*_xx-large

.slds-p-*_xx-large, .slds-var-p-*_xx-large — Adds 3rem padding to the side specified

.slds-p-*-vertical_*, .slds-var-p-*-vertical_*

.slds-p-*-vertical_*, .slds-var-p-*-vertical_* — Adds the specified padding to both top and bottom

.slds-p-*-horizontal_*, .slds-var-p-*-horizontal_*

.slds-p-*-horizontal_*, .slds-var-p-*-horizontal_* — Adds the specified padding to both sides

.slds-p-*-around_*, .slds-var-p-*-around_*

.slds-p-*-around_*, .slds-var-p-*-around_* — Adds the specified padding all the way around the element