Utilities
Margin
Top
u-mt-0
margin-top: 0;
u-mt-1
margin-top: 1em;
u-mt-2
margin-top: 2em;
u-mt-3
margin-top: 3em;
u-mt-auto
margin-top: auto;
Bottom
u-mb-0
margin-bottom: 0;
u-mb-1
margin-bottom: 1em;
u-mb-2
margin-bottom: 2em;
u-mb-3
margin-bottom: 3em;
u-mb-4
margin-bottom: 4em;
u-mb-5
margin-bottom: 5em;
Other
u-m-0
margin: 0;
u-mlr-auto
margin: 0 auto; (centers element))
u-mr-1
margin-right: 1em;
u-ml-1
margin-left: 1em;
Padding
Top
u-pt-0
padding-top: 0;
u-pt-1
padding-top: 1em;
u-pt-2
padding-top: 2em;
u-pt-3
padding-top: 3em;
Bottom
u-pb-0
padding-bottom: 0;
u-pb-1
padding-bottom: 1em;
u-pb-2
padding-bottom: 2em;
u-pb-3
padding-bottom: 3em;
Other
u-p-0
padding: 0;
u-p-1
padding: 1em;
u-pr-6
padding: 6em;
Alignment
u-text-center
text-align: center;
u-text-right
text-align: right;
Overflow
u-overflow-hidden
overflow: hidden;
u-overflow-visible
overflow: visible;
Display + position
u-d-none
display: none;
u-d-block
display: block;
u-d-flex
display: flex;
u-d-inline-flex
display: inline-flex;
u-position-relative;
position: relative;
u-position-sticky;
position: sticky;
Flexbox modifiers
u-d-flex
cc-v_center
u-d-flex
cc-v_top-center
u-d-flex
cc-v_top-left
u-d-flex
cc-h-center
u-d-flex
cc-h_left-center
u-d-flex
cc-h_top-left
u-d-flex
cc-wrap
u-d-flex
cc-gap_s
u-d-flex
cc-gap_m
Size
u-w-100
width: 100%;
u-h-100
height: 100%;
u-minh-100vh
min-height: 100vh;
Aspect ratio
u-aspect-1x1
Multiple properties
u-aspect-16x9
Multiple properties
u-aspect-4x3
Multiple properties
Helpers
u-img-cover
Multiple properties

u-link-cover
Multiple properties
Open link
u-z-index-1
Multiple properties
u-sr-only
Multiple properties
Screen Reader Only
u-border
Multiple properties
u-text-pretty
Multiple properties
u-text-balance
Multiple properties
u-text-bold
Multiple properties