Spacing

Margin

Margin class from 0 to 20 incremented at 0.25rem. Example:

.m-1.25 { margin: 1.25rem; }
.mx-1.25 { margin-left: 1.25rem; margin-right: 1.25rem; }
.my-1.25 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.mt-1.25 { margin-top: 1.25rem; }
.me-1.25 { margin-right: 1.25rem; }
.mb-1.25 { margin-bottom: 1.25rem; }
.ms-1.25 { margin-left: 1.25rem; }

Padding

Padding class from 0 to 20 incremented at 0.25rem. Example:

.p-1.25 { padding: 1.25rem; }
.px-1.25 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-1.25 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.pt-1.25 { padding-top: 1.25rem; }
.pe-1.25 { padding-right: 1.25rem; }
.pb-1.25 { padding-bottom: 1.25rem; }
.ps-1.25 { padding-left: 1.25rem; }

Website spacing

Website spacing

space-10: 0.5rem
space-20: 1rem
space-30: 1.125rem
space-40: 1.25rem
space-50: 1.5rem
space-60: 2rem
space-70: 3rem
space-71: 4rem
space-80: 6rem
space-90: 10rem

Spacing classes:

.space-mt-10
.space-px-20