Utilities
Helper classes for applying quick, single-purpose styles directly in your HTML without writing new CSS.
Spacing
Use these classes to quickly add margin (m) or padding (p).
The direction is specified (t, b, l, r, x, y) and the size is a multiple of our 8px unit (1 = 8px, 2 = 16px, 3 = 24px).
| Class | CSS Property |
|---|---|
.mt-1 |
margin-top: 8px; |
.mb-2 |
margin-bottom: 16px; |
.ml-3 |
margin-left: 24px; |
.py-2 |
padding-top: 16px; padding-bottom: 16px; |
.px-3 |
padding-left: 24px; padding-right: 24px; |
Text
Classes for quickly changing text alignment, weight, and color.
| Class | CSS Property |
|---|---|
.text-center |
text-align: center; |
.text-right |
text-align: right; |
.font-bold |
font-weight: 900; (Uses 'Lato') |
.text-primary |
color: #2a62a5; |
.text-danger |
color: #721c24; (Uses alert color) |