Margin

Top

Right

Bottom

Left

Vertical

Horizontal

Around

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

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

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

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

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

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

.slds-m-*_small, .slds-var-m-*_small

.slds-m-*_small, .slds-var-m-*_small — Adds .75rem margin to the side specified

.slds-m-*_medium, .slds-var-m-*_medium

.slds-m-*_medium, .slds-var-m-*_medium — Adds 1rem margin to the side specified

.slds-m-*_large, .slds-var-m-*_large

.slds-m-*_large, .slds-var-m-*_large — Adds 1.5rem margin to the side specified

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

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

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

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

.slds-m-*-vertical_*, .slds-var-m-*-vertical_*

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

.slds-m-*-horizontal_*, .slds-var-m-*-horizontal_*

.slds-m-*-horizontal_*, .slds-var-m-*-horizontal_* — Adds the specified margin to both sides

.slds-m-*-around_*, .slds-var-m-*-around_*

.slds-m-*-around_*, .slds-var-m-*-around_* — Adds the specified margin all the way around the element