menu
White logo

Spacing

Spacing uses the following format where 'property' is one of 'm', for margin, or 'p', for padding. 'Sides' can be one of 't', top, 'b', bottom, 'l', left, 'r', right, 'x', left and right, 'y', top and bottom. And 'breakpoint' is a multiple of 8 ranging from 0 to 15.

{property}{sides}-{breakpoint}
.mt-0 /* margin-top: 0px !important; */
.mt-1 /* margin-top: 8px !important; */
.mt-15 /* margin-top: 120px !important; */

.pt-0 /* padding-top: 0px !important; */
.pt-1 /* padding-top: 8px !important; */
.pt-15 /* padding-top: 120px !important; */

Responsive spacing uses the following format where 'size' is one of xs, sm, md, lg, xl:

{property}{sides}-{breakpoint}-{size}
.mt-0-xs
.mt-1-sm
.mt-15-md

.pt-0-lg
.pt-1-xl
.pt-15-xs