Utilities

Margin

Top

u-mt-0

margin-top: 0;

u-mt-0_25

margin-top: 0.25rem;

u-mt-0_5

margin-top: 0.5rem;

u-mt-1

margin-top: 1rem;

u-mt-2

margin-top: 2rem;

u-mt-3

margin-top: 3rem;

u-mt-auto

margin-top: auto;

Bottom

u-mb-0

margin-bottom: 0;

u-mb-0_25

margin-bottom: 0.25rem;

u-mb-0_5

margin-bottom: 0.5rem;

u-mb-1

margin-bottom: 1rem;

u-mb-2

margin-bottom: 2rem;

u-mb-3

margin-bottom: 3rem;

Other

u-m-0

margin: 0;

u-mlr-auto

margin: 0 auto; (centers element))

u-mr-1

margin-right: 1rem;

u-ml-1

margin-left: 1rem;

Padding

Top

u-pt-0

padding-top: 0;

u-pt-0_25

padding-top: 0.25rem;

u-pt-0_5

padding-top: 0.5rem;

u-pt-1

padding-top: 1rem;

u-pt-1_5

padding-top: 1.5rem;

u-pt-2

padding-top: 2rem;

u-pt-3

padding-top: 3rem;

Bottom

u-pb-0

padding-bottom: 0;

u-pb-0_25

padding-bottom: 0.25rem;

u-pb-0_5

padding-bottom: 0.5rem;

u-pb-1

padding-bottom: 1rem;

u-pb-1_5

padding-bottom: 1.5rem;

u-pb-2

padding-bottom: 2rem;

u-pb-3

padding-bottom: 3rem;

Other

u-p-0

padding: 0;

u-p-0_25

padding: 0.25rem;

u-p-0_5

padding: 0.5rem;

u-p-1

padding: 1rem;

u-p-1_5

padding: 1.5rem;

u-p-2

padding: 2rem;

u-p-3

padding: 3rem;

Alignment

u-text-center

text-align: center;

u-text-right

text-align: right;

u-text-center-md-left

text-align: center;

u-text-center-sm-left

text-align: center;

u-text-center-xs-left

text-align: center;

u-text-right-md-left

text-align: right;

u-text-right-sm-left

text-align: right;

u-text-right-xs-left

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-absolute;

position: absolute;

u-position-fixed;

position: fixed;

u-position-sticky;

position: sticky;

Size

u-w-100

width: 100%;

u-h-100

height: 100%;

u-minh-100vh

min-height: 100vh;

Helpers

u-img-cover

Multiple properties

u-link-cover

Multiple properties

u-aspect-1x1

Multiple properties

u-z-index-1

Multiple properties

u-sr-only

Multiple properties

u-border

Multiple properties

u-d-flex-md-none

Multiple properties

u-d-flex-sm-none

Multiple properties

u-d-flex-xs-none

Multiple properties

u-d-none-md-flex

Multiple properties

u-d-none-sm-flex

Multiple properties

u-d-none-xs-flex

Multiple properties

u-d-block-md-none

Multiple properties

u-d-block-sm-none

Multiple properties

u-d-block-xs-none

Multiple properties

u-d-none-md-block

Multiple properties

u-d-none-sm-block

Multiple properties

u-d-none-xs-block

Multiple properties