Apply the max-width of an element to fix its width to the current breakpoint.
.container
none
width: 100%
Tailwind Cheat Sheet
Get started with this free tool to view and search for all the class names and CSS properties use pagedone cheat sheet.
Layout
Container
sm:
max-width: 640px;
md:
max-width: 768px;
lg:
max-width: 1024px;
xl:
max-width: 1280px;
2xl:
max-width: 1536px;
Box Decoration Break
Set how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
.decoration-slice
box-decoration-break: slice;
.decoration-clone
box-decoration-break: clone;
Box Sizing
Define how the width and height of an element are calculated: should they include padding and borders, or not.
.box-border
box-sizing: border-box;
.box-content
box-sizing: content-box;
Breakpoints
Use the breakpoints (screen sizes) to set how the utility-classes respond according to the device width.
sm:
@media (min-width: 640px) { ... }
md:
@media (min-width: 768px) { ... }
lg:
@media (min-width: 1024px) { ... }
xl:
@media (min-width: 1280px) { ... }
2xl:
@media (min-width: 1536px) { ... }
Display
Specify the display behavior (the type of rendering box) of an element.
.hidden
display: none;
.contents
display: contents;
.list-item
display: list-item;
.block
display: block;
.inline-block
display: inline-block;
.flex
display: flex;
.inline-flex
display: inline-flex;
.inline
display: inline;
.table
display: table;
.inline-table
display: inline-table;
.table-cell
display: table-cell;
.table-caption
display: table-caption;
.table-column
display: table-column;
.table-column-group
display: table-column-group;
.table-footer-group
display: table-footer-group;
.table-header-group
display: table-header-group;
.table-row-group
display: table-row-group;
.table-row
display: table-row;
.flow-root
display: flow-root
.grid
display: grid
.inline-grid
display: inline-grid
Float
Place an element on the left or right side of its container, allowing text and inline elements to wrap around it.
.float-right
float: right;
.float-left
float: left;
.float-none
float: none;
Clear
Set whether an element must be moved below (cleared) floating elements that precede it.
.clear-left
clear: left;
.clear-right
clear: right;
.clear-both
clear: both;
.clear-none
clear: none;
Isolation
Determine whether an element must create a new stacking context.
.isolate
isolation: isolate;
.isolate-auto
isolation: auto;
Object Fit
Set how the content of a replaced element, such as
an <img>or<video>, should
be resized to fit its container.
.object-contain
object-fit: contain;
.object-cover
object-fit: cover;
.object-fill
object-fit: fill;
.object-none
object-fit: none;
.object-scale-down
object-fit: scale-down;
Object Position
Specify the alignment of the selected replaced element's contents within the element's box.
.object-bottom
object-position: bottom;
.object-center
object-position: center;
.object-left
object-position: left;
.object-left-bottom
object-position: left bottom;
.object-left-top
object-position: left top;
.object-right
object-position: right;
.object-right-bottom
object-position: right bottom;
.object-right-top
object-position: right top;
.object-top
object-position: top;
Overflow
Set the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.
.overflow-auto
overflow: auto;
.overflow-x-auto
overflow-x: auto;
.overflow-y-auto
overflow-y: auto;
.overflow-hidden
overflow: hidden;
.overflow-x-hidden
overflow-x: hidden;
.overflow-y-hidden
overflow-y: hidden;
.overflow-visible
overflow: visible;
.overflow-x-visible
overflow-x: visible;
.overflow-y-visible
overflow-y: visible;
.overflow-scroll
overflow: scroll;
.overflow-x-scroll
overflow-x: scroll;
.overflow-y-scroll
overflow-y: scroll;
.scrolling-touch
-webkit-overflow-scrolling: touch;
.scrolling-auto
-webkit-overflow-scrolling: auto;
Overscroll Behavior
Set what a browser does when reaching the boundary of a scrolling area.
.overscroll-auto
overscroll-behavior: auto;
.overscroll-y-auto
overscroll-behavior-y: auto;
.overscroll-x-auto
overscroll-behavior-x: auto;
.overscroll-contain
overscroll-behavior: contain;
.overscroll-y-contain
overscroll-behavior-y: contain;
.overscroll-x-contain
overscroll-behavior-x: contain;
.overscroll-none
overscroll-behavior: none;
.overscroll-y-none
overscroll-behavior-y: none;
.overscroll-x-none
overscroll-behavior-x: none;
Position
Set how an element is positioned in a document.
.static
position: static;
.fixed
position: fixed;
.absolute
position: absolute;
.relative
position: relative;
.sticky
position: sticky;
Top / Right / Bottom / Left
Determine the final location of positioned elements.
.inset-0
top: 0; right: 0; bottom: 0; left: 0;
.-inset-0
top: 0; right: 0; bottom: 0; left: 0;
.inset-y-0
top: 0; bottom: 0;
.-inset-y-0
top: 0; bottom: 0;
.inset-x-0
right: 0; left: 0;
.-inset-x-0
right: 0; left: 0;
.top-0
top: 0;
.right-0
right: 0;
.bottom-0
bottom: 0;
.left-0
left: 0;
.-top-0
top: 0;
.-right-0
right: 0;
.-bottom-0
bottom: 0;
.-left-0
left: 0;
.inset-0.5
top: 0.125rem; right: 0.125rem; bottom: 0.125rem; left: 0.125rem;
.-inset-0.5
top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem;
.inset-y-0.5
top: 0.125rem; bottom: 0.125rem;
.-inset-y-0.5
top: -0.125rem; bottom: -0.125rem;
.inset-x-0.5
right: 0.125rem; left: 0.125rem;
.-inset-x-0.5
right: -0.125rem; left: -0.125rem;
.top-0.5
top: 0.125rem;
.right-0.5
right: 0.125rem;
.bottom-0.5
bottom: 0.125rem;
.left-0.5
left: 0.125rem;
.-top-0.5
top: -0.125rem;
.-right-0.5
right: -0.125rem;
.-bottom-0.5
bottom: -0.125rem;
.-left-0.5
left: -0.125rem;
.inset-1
top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem;
.-inset-1
top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem;
.inset-y-1
top: 0.25rem; bottom: 0.25rem;
.-inset-y-1
top: -0.25rem; bottom: -0.25rem;
.inset-x-1
right: 0.25rem; left: 0.25rem;
.-inset-x-1
right: -0.25rem; left: -0.25rem;
.top-1
top: 0.25rem;
.right-1
right: 0.25rem;
.bottom-1
bottom: 0.25rem;
.left-1
left: 0.25rem;
.-top-1
top: -0.25rem;
.-right-1
right: -0.25rem;
.-bottom-1
bottom: -0.25rem;
.-left-1
left: -0.25rem;
.inset-1.5
top: 0.375rem; right: 0.375rem; bottom: 0.375rem; left: 0.375rem;
.-inset-1.5
top: -0.375rem; right: -0.375rem; bottom: -0.375rem; left: -0.375rem;
.inset-y-1.5
top: 0.375rem; bottom: 0.375rem;
.-inset-y-1.5
top: -0.375rem; bottom: -0.375rem;
.inset-x-1.5
right: 0.375rem; left: 0.375rem;
.-inset-x-1.5
right: -0.375rem; left: -0.375rem;
.top-1.5
top: 0.375rem;
.right-1.5
right: 0.375rem;;
.bottom-1.5
bottom: 0.375rem;
.left-1.5
left: 0.375rem;
.-top-1.5
top: -0.375rem;
.-right-1.5
right: -0.375rem;
.-bottom-1.5
bottom: -0.375rem;
.-left-1.5
left: -0.375rem;
.inset-2
top: 0.5rem; right: 0.5rem; bottom: 0.5rem; left: 0.5rem;
.-inset-2
top: -0.5rem; right: -0.5rem; bottom: -0.5rem; left: -0.5rem;
.inset-y-2
top: 0.5rem; bottom: 0.5rem;
.-inset-y-2
top: -0.5rem; bottom: -0.5rem;
.inset-x-2
right: 0.5rem; left: 0.5rem;
.-inset-x-2
right: -0.5rem; left: -0.5rem;
.top-2
top: 0.5rem;
.right-2
right: 0.5rem;
.bottom-2
bottom: 0.5rem;
.left-2
left: 0.5rem;
.-top-2
top: -0.5rem;
.-right-2
right: -0.5rem;
.-bottom-2
bottom: -0.5rem;
.-left-2
left: -0.5rem;
.inset-2.5
top: 0.625rem; right: 0.625rem; bottom: 0.625rem; left: 0.625rem;
.-inset-2.5
top: -0.625rem; right: -0.625rem; bottom: -0.625rem; left: -0.625rem;
.inset-y-2.5
top: 0.625rem; bottom: 0.625rem;
.-inset-y-2.5
top: -0.625rem; bottom: -0.625rem;
.inset-x-2.5
right: 0.625rem; left: 0.625rem;
.-inset-x-2.5
right: -0.625rem; left: -0.625rem;
.top-2.5
top: 0.625rem;
.right-2.5
right: 0.625rem;
.bottom-2.5
bottom: 0.625rem;
.left-2.5
left: 0.625rem;
.-top-2.5
top: -0.625rem;
.-right-2.5
right: -0.625rem;
.-bottom-2.5
bottom: -0.625rem;
.-left-2.5
left: -0.625rem;
.inset-3
top: 0.75rem; right: 0.75rem; bottom: 0.75rem; left: 0.75rem;
.-inset-3
top: -0.75rem; right: -0.75rem; bottom: -0.75rem; left: -0.75rem;
.inset-y-3
top: 0.75rem; bottom: 0.75rem;
.-inset-y-3
top: -0.75rem; bottom: -0.75rem;
.inset-x-3
right: 0.75rem; left: 0.75rem;
.-inset-x-3
right: -0.75rem; left: -0.75rem;
.top-3
top: 0.75rem;
.right-3
right: 0.75rem;
.bottom-3
bottom: 0.75rem;
.left-3
left: 0.75rem;
.-top-3
top: -0.75rem;
.-right-3
right: -0.75rem;
.-bottom-3
bottom: -0.75rem;
.-left-3
left: -0.75rem;
.inset-3.5
top: 0.875rem; right: 0.875rem; bottom: 0.875rem; left: 0.875rem;
.-inset-3.5
top: -0.875rem; right: -0.875rem; bottom: -0.875rem; left: -0.875rem;
.inset-y-3.5
top: 0.875rem; bottom: 0.875rem;
.-inset-y-3.5
top: -0.875rem; bottom: -0.875rem;
.inset-x-3.5
right: 0.875rem; left: 0.875rem;
.-inset-x-3.5
right: -0.875rem; left: -0.875rem;
.top-3.5
top: 0.875rem;
.right-3.5
right: 0.875rem;
.bottom-3.5
bottom: 0.875rem;
.left-3.5
left: 0.875rem;
.-top-3.5
top: -0.875rem;
.-right-3.5
right: -0.875rem;
.-bottom-3.5
bottom: -0.875rem;
.-left-3.5
left: -0.875rem;
.inset-4
top: 1rem; right: 1rem; bottom: 1rem; left: 1rem;
.-inset-4
top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
.inset-y-4
top: 1rem; bottom: 1rem;
.-inset-y-4
top: -1rem; bottom: -1rem;
.inset-x-4
right: 1rem; left: 1rem;
.-inset-x-4
right: -1rem; left: -1rem;
.top-4
top: 1rem;
.right-4
right: 1rem;
.bottom-4
bottom: 1rem;
.left-4
left: 1rem;
.-top-4
top: -1rem;
.-right-4
right: -1rem;
.-bottom-4
bottom: -1rem;
.-left-4
left: -1rem;
.inset-5
top: 1.25rem; right: 1.25rem; bottom: 1.25rem; left: 1.25rem;
.-inset-5
top: -1.25rem; right: -1.25rem; bottom: -1.25rem; left: -1.25rem;
.inset-y-5
top: 1.25rem; bottom: 1.25rem;
.-inset-y-5
top: -1.25rem; bottom: -1.25rem;
.inset-x-5
right: 1.25rem; left: 1.25rem;
.-inset-x-5
right: -1.25rem; left: -1.25rem;
.top-5
top: 1.25rem;
.right-5
right: 1.25rem;
.bottom-5
bottom: 1.25rem;
.left-5
left: 1.25rem;
.-top-5
top: -1.25rem;
.-right-5
right: -1.25rem;
.-bottom-5
bottom: -1.25rem;
.-left-5
left: -1.25rem;
.inset-6
top: 1.5rem; right: 1.5rem; bottom: 1.5rem; left: 1.5rem;
.-inset-6
top: -1.5rem; right: -1.5rem; bottom: -1.5rem; left: -1.5rem;
.inset-y-6
top: 1.5rem; bottom: 1.5rem;
.-inset-y-6
top: -1.5rem; bottom: -1.5rem;
.inset-x-6
right: 1.5rem; left: 1.5rem;
.-inset-x-6
right: -1.5rem; left: -1.5rem;
.top-6
top: 1.5rem;
.right-6
right: 1.5rem;
.bottom-6
bottom: 1.5rem;
.left-6
left: 1.5rem;
.-top-6
top: -1.5rem;
.-right-6
right: -1.5rem;
.-bottom-6
bottom: -1.5rem;
.-left-6
left: -1.5rem;
.inset-7
top: 1.75rem; right: 1.75rem; bottom: 1.75rem; left: 1.75rem;
.-inset-7
top: -1.75rem; right: -1.75rem; bottom: -1.75rem; left: -1.75rem;
.inset-y-7
top: 1.75rem; bottom: 1.75rem;
.-inset-y-7
top: -1.75rem; bottom: -1.75rem;
.inset-x-7
right: 1.75rem; left: 1.75rem;
.-inset-x-7
right: -1.75rem; left: -1.75rem;
.top-7
top: 1.75rem;
.right-7
right: 1.75rem;
.bottom-7
bottom: 1.75rem;
.left-7
left: 1.75rem;
.-top-7
top: -1.75rem;
.-right-7
right: -1.75rem;
.-bottom-7
bottom: -1.75rem;
.-left-7
left: -1.75rem;
.inset-8
top: 2rem; right: 2rem; bottom: 2rem; left: 2rem;
.-inset-8
top: -2rem; right: -2rem; bottom: -2rem; left: -2rem;
.inset-y-8
top: 2rem; bottom: 2rem;
.-inset-y-8
top: -2rem; bottom: -2rem;
.inset-x-8
right: 2rem; left: 2rem;
.-inset-x-8
right: -2rem; left: -2rem;
.top-8
top: 2rem;
.right-8
right: 2rem;
.bottom-8
bottom: 2rem;
.left-8
left: 2rem;
.-top-8
top: -2rem;
.-right-8
right: -2rem;
.-bottom-8
bottom: -2rem;
.-left-8
left: -2rem;
.inset-9
top: 2.25rem; right: 2.25rem; bottom: 2.25rem; left: 2.25rem;
.-inset-9
top: -2.25rem; right: -2.25rem; bottom: -2.25rem; left: -2.25rem;
.inset-y-9
top: 2.25rem; bottom: 2.25rem;
.-inset-y-9
top: -2.25rem; bottom: -2.25rem;
.inset-x-9
right: 2.25rem; left: 2.25rem;
.-inset-x-9
right: -2.25rem; left: -2.25rem;
.top-9
top: 2.25rem;
.right-9
right: 2.25rem;
.bottom-9
bottom: 2.25rem;
.left-9
left: 2.25rem;
.-top-9
top: -2.25rem;
.-right-9
right: -2.25rem;
.-bottom-9
bottom: -2.25rem;
.-left-9
left: -2.25rem;
.inset-10
top: 2.5rem; right: 2.5rem; bottom: 2.5rem; left: 2.5rem;
.-inset-10
top: -2.5rem; right: -2.5rem; bottom: -2.5rem; left: -2.5rem;
.inset-y-10
top: 2.5rem; bottom: 2.5rem;
.-inset-y-10
top: -2.5rem; bottom: -2.5rem;
.inset-x-10
right: 2.5rem; left: 2.5rem;
.-inset-x-10
right: -2.5rem; left: -2.5rem;
.top-10
top: 2.5rem;
.right-10
right: 2.5rem;
.bottom-10
bottom: 2.5rem;
.left-10
left: 2.5rem;
.-top-10
top: -2.5rem;
.-right-10
right: -2.5rem;
.-bottom-10
bottom: -2.5rem;
.-left-10
left: -2.5rem;
.inset-11
top: 2.75rem; right: 2.75rem; bottom: 2.75rem; left: 2.75rem;
.-inset-11
top: -2.75rem; right: -2.75rem; bottom: -2.75rem; left: -2.75rem;
.inset-y-11
top: 2.75rem; bottom: 2.75rem;
.-inset-y-11
top: -2.75rem; bottom: -2.75rem;
.inset-x-11
right: 2.75rem; left: 2.75rem;
.-inset-x-11
right: -2.75rem; left: -2.75rem;
.top-11
top: 2.75rem;
.right-11
right: 2.75rem;
.bottom-11
bottom: 2.75rem;
.left-11
left: 2.75rem;
.-top-11
top: -2.75rem;
.-right-11
right: -2.75rem;
.-bottom-11
bottom: -2.75rem;
.-left-11
left: -2.75rem;
.inset-12
top: 3rem; right: 3rem; bottom: 3rem; left: 3rem;
.-inset-12
top: -3rem; right: -3rem; bottom: -3rem; left: -3rem;
.inset-y-12
top: 3rem; bottom: 3rem;
.-inset-y-12
top: -3rem; bottom: -3rem;
.inset-x-12
right: 3rem; left: 3rem;
.-inset-x-12
right: -3rem; left: -3rem;
.top-12
top: 3rem;
.right-12
right: 3rem;
.bottom-12
bottom: 3rem;
.left-12
left: 3rem;
.-top-12
top: -3rem;
.-right-12
right: -3rem;
.-bottom-12
bottom: -3rem;
.-left-12
left: -3rem;
.inset-14
top: 3.5rem; right: 3.5rem; bottom: 3.5rem; left: 3.5rem;
.-inset-14
top: -3.5rem; right: -3.5rem; bottom: -3.5rem; left: -3.5rem;
.inset-y-14
top: 3.5rem; bottom: 3.5rem;
.-inset-y-14
top: -3.5rem; bottom: -3.5rem;
.inset-x-14
right: 3.5rem; left: 3.5rem;
.-inset-x-14
right: -3.5rem; left: -3.5rem;
.top-14
top: 3.5rem;
.right-14
right: 3.5rem;
.bottom-14
bottom: 3.5rem;
.left-14
left: 3.5rem;
.-top-14
top: -3.5rem;
.-right-14
right: -3.5rem;
.-bottom-14
bottom: -3.5rem;
.-left-14
left: -3.5rem;
.inset-16
top: 4rem; right: 4rem; bottom: 4rem; left: 4rem;
.-inset-16
top: -4rem; right: -4rem; bottom: -4rem; left: -4rem;
.inset-y-16
top: 4rem; bottom: 4rem;
.-inset-y-16
top: -4rem; bottom: -4rem;
.inset-x-16
right: 4rem; left: 4rem;
.-inset-x-16
right: -4rem; left: -4rem;
.top-16
top: 4rem;
.right-16
right: 4rem;
.bottom-16
bottom: 4rem;
.left-16
left: 4rem;
.-top-16
top: -4rem;
.-right-16
right: -4rem;
.-bottom-16
bottom: -4rem;
.-left-16
left: -4rem;
.inset-20
top: 5rem; right: 5rem; bottom: 5rem; left: 5rem;
.-inset-20
top: -5rem; right: -5rem; bottom: -5rem; left: -5rem;
.inset-y-20
top: 5rem; bottom: 5rem;
.-inset-y-20
top: -5rem; bottom: -5rem;
.inset-x-20
right: 5rem; left: 5rem;
.-inset-x-20
right: -5rem; left: -5rem;
.top-20
top: 5rem;
.right-20
right: 5rem;
.bottom-20
bottom: 5rem;
.left-20
left: 5rem;
.-top-20
top: -5rem;
.-right-20
right: -5rem;
.-bottom-20
bottom: -5rem;
.-left-20
left: -5rem;
.inset-24
top: 6rem; right: 6rem; bottom: 6rem; left: 6rem;
.-inset-24
top: -6rem; right: -6rem; bottom: -6rem; left: -6rem;
.inset-y-24
top: 6rem; bottom: 6rem;
.-inset-y-24
top: -6rem; bottom: -6rem;
.inset-x-24
right: 6rem; left: 6rem;
.-inset-x-24
right: -6rem; left: -6rem;
.top-24
top: 6rem;
.right-24
right: 6rem;
.bottom-24
bottom: 6rem;
.left-24
left: 6rem;
.-top-24
top: -6rem;
.-right-24
right: -6rem;
.-bottom-24
bottom: -6rem;
.-left-24
left: -6rem;
.inset-28
top: 7rem; right: 7rem; bottom: 7rem; left: 7rem;
.-inset-28
top: -7rem; right: -7rem; bottom: -7rem; left: -7rem;
.inset-y-28
top: 7rem; bottom: 7rem;
.-inset-y-28
top: -7rem; bottom: -7rem;
.inset-x-28
right: 7rem; left: 7rem;
.-inset-x-28
right: -7rem; left: -7rem;
.top-28
top: 7rem;
.right-28
right: 7rem;
.bottom-28
bottom: 7rem;
.left-28
left: 7rem;
.-top-28
top: -7rem;
.-right-28
right: -7rem;
.-bottom-28
bottom: -7rem;
.-left-28
left: -7rem;
.inset-32
top: 8rem; right: 8rem; bottom: 8rem; left: 8rem;
.-inset-32
top: -8rem; right: -8rem; bottom: -8rem; left: -8rem;
.inset-y-32
top: 8rem; bottom: 8rem;
.-inset-y-32
top: -8rem; bottom: -8rem;
.inset-x-32
right: 8rem; left: 8rem;
.-inset-x-32
right: -8rem; left: -8rem;
.top-32
top: 8rem;
.right-32
right: 8rem;
.bottom-32
bottom: 8rem;
.left-32
left: 8rem;
.-top-32
top: -8rem;
.-right-32
right: -8rem;
.-bottom-32
bottom: -8rem;
.-left-32
left: -8rem;
.inset-36
top: 9rem; right: 9rem; bottom: 9rem; left: 9rem;
.-inset-36
top: -9rem; right: -9rem; bottom: -9rem; left: -9rem;
.inset-y-36
top: 9rem; bottom: 9rem;
.-inset-y-36
top: -9rem; bottom: -9rem;
.inset-x-36
right: 9rem; left: 9rem;
.-inset-x-36
right: -9rem; left: -9rem;
.top-36
top: 9rem;
.right-36
right: 9rem;
.bottom-36
bottom: 9rem;
.left-36
left: 9rem;
.-top-36
top: -9rem;
.-right-36
right: -9rem;
.-bottom-36
bottom: -9rem;
.-left-36
left: -9rem;
.inset-40
top: 10rem; right: 10rem; bottom: 10rem; left: 10rem;
.-inset-40
top: -10rem; right: -10rem; bottom: -10rem; left: -10rem;
.inset-y-40
top: 10rem; bottom: 10rem;
.-inset-y-40
top: -10rem; bottom: -10rem;
.inset-x-40
right: 10rem; left: 10rem;
.-inset-x-40
right: -10rem; left: -10rem;
.top-40
top: 10rem;
.right-40
right: 10rem;
.bottom-40
bottom: 10rem;
.left-40
left: 10rem;
.-top-40
top: -10rem;
.-right-40
right: -10rem;
.-bottom-40
bottom: -10rem;
.-left-40
left: -10rem;
.inset-44
top: 11rem; right: 11rem; bottom: 11rem; left: 11rem;
.-inset-44
top: -11rem; right: -11rem; bottom: -11rem; left: -11rem;
.inset-y-44
top: 11rem; bottom: 11rem;
.-inset-y-44
top: -11rem; bottom: -11rem;
.inset-x-44
right: 11rem; left: 11rem;
.-inset-x-44
right: -11rem; left: -11rem;
.top-44
top: 11rem;
.right-44
right: 11rem;
.bottom-44
bottom: 11rem;
.left-44
left: 11rem;
.-top-44
top: -11rem;
.-right-44
right: -11rem;
.-bottom-44
bottom: -11rem;
.-left-44
left: -11rem;
.inset-48
top: 12rem; right: 12rem; bottom: 12rem; left: 12rem;
.-inset-48
top: -12rem; right: -12rem; bottom: -12rem; left: -12rem;
.inset-y-48
top: 12rem; bottom: 12rem;
.-inset-y-48
top: -12rem; bottom: -12rem;
.inset-x-48
right: 12rem; left: 12rem;
.-inset-x-48
right: -12rem; left: -12rem;
.top-48
top: 12rem;
.right-48
right: 12rem;
.bottom-48
bottom: 12rem;
.left-48
left: 12rem;
.-top-48
top: -12rem;
.-right-48
right: -12rem;
.-bottom-48
bottom: -12rem;
.-left-48
left: -12rem;
.inset-52
top: 13rem; right: 13rem; bottom: 13rem; left: 13rem;
.-inset-52
top: -13rem; right: -13rem; bottom: -13rem; left: -13rem;
.inset-y-52
top: 13rem; bottom: 13rem;
.-inset-y-52
top: -13rem; bottom: -13rem;
.inset-x-52
right: 13rem; left: 13rem;
.-inset-x-52
right: -13rem; left: -13rem;
.top-52
top: 13rem;
.right-52
right: 13rem;
.bottom-52
bottom: 13rem;
.left-52
left: 13rem;
.-top-52
top: -13rem;
.-right-52
right: -13rem;
.-bottom-52
bottom: -13rem;
.-left-52
left: -13rem;
.inset-56
top: 14rem; right: 14rem; bottom: 14rem; left: 14rem;
.-inset-56
top: -14rem; right: -14rem; bottom: -14rem; left: -14rem;
.inset-y-56
top: 14rem; bottom: 14rem;
.-inset-y-56
top: -14rem; bottom: -14rem;
.inset-x-56
right: 14rem; left: 14rem;
.-inset-x-56
right: -14rem; left: -14rem;
.top-56
top: 14rem;
.right-56
right: 14rem;
.bottom-56
bottom: 14rem;
.left-56
left: 14rem;
.-top-56
top: -14rem;
.-right-56
right: -14rem;
.-bottom-56
bottom: -14rem;
.-left-56
left: -14rem;
.inset-60
top: 15rem; right: 15rem; bottom: 15rem; left: 15rem;
.-inset-60
top: -15rem; right: -15rem; bottom: -15rem; left: -15rem;
.inset-y-60
top: 15rem; bottom: 15rem;
.-inset-y-60
top: -15rem; bottom: -15rem;
.inset-x-60
right: 15rem; left: 15rem;
.-inset-x-60
right: -15rem; left: -15rem;
.top-60
top: 15rem;
.right-60
right: 15rem;
.bottom-60
bottom: 15rem;
.left-60
left: 15rem;
.-top-60
top: -15rem;
.-right-60
right: -15rem;
.-bottom-60
bottom: -15rem;
.-left-60
left: -15rem;
.inset-64
top: 16rem; right: 16rem; bottom: 16rem; left: 16rem;
.-inset-64
top: -16rem; right: -16rem; bottom: -16rem; left: -16rem;
.inset-y-64
top: 16rem; bottom: 16rem;
.-inset-y-64
top: -16rem; bottom: -16rem;
.inset-x-64
right: 16rem; left: 16rem;
.-inset-x-64
right: -16rem; left: -16rem;
.top-64
top: 16rem;
.right-64
right: 16rem;
.bottom-64
bottom: 16rem;
.left-64
left: 16rem;
.-top-64
top: -16rem;
.-right-64
right: -16rem;
.-bottom-64
bottom: -16rem;
.-left-64
left: -16rem;
.inset-72
top: 18rem; right: 18rem; bottom: 18rem; left: 18rem;
.-inset-72
top: -18rem; right: -18rem; bottom: -18rem; left: -18rem;
.inset-y-72
top: 18rem; bottom: 18rem;
.-inset-y-72
top: -18rem; bottom: -18rem;
.inset-x-72
right: 18rem; left: 18rem;
.-inset-x-72
right: -18rem; left: -18rem;
.top-72
top: 18rem;
.right-72
right: 18rem;
.bottom-72
bottom: 18rem;
.left-72
left: 18rem;
.-top-72
top: -18rem;
.-right-72
right: -18rem;
.-bottom-72
bottom: -18rem;
.-left-72
left: -18rem;
.inset-80
top: 20rem; right: 20rem; bottom: 20rem; left: 20rem;
.-inset-80
top: -20rem; right: -20rem; bottom: -20rem; left: -20rem;
.inset-y-80
top: 20rem; bottom: 20rem;
.-inset-y-80
top: -20rem; bottom: -20rem;
.inset-x-80
right: 20rem; left: 20rem;
.-inset-x-80
right: -20rem; left: -20rem;
.top-80
top: 20rem;
.right-80
right: 20rem;
.bottom-80
bottom: 20rem;
.left-80
left: 20rem;
.-top-80
top: -20rem;
.-right-80
right: -20rem;
.-bottom-80
bottom: -20rem;
.-left-80
left: -20rem;
.inset-96
top: 24rem; right: 24rem; bottom: 24rem; left: 24rem;
.-inset-96
top: -24rem; right: -24rem; bottom: -24rem; left: -24rem;
.inset-y-96
top: 24rem; bottom: 24rem;
.-inset-y-96
top: -24rem; bottom: -24rem;
.inset-x-96
right: 24rem; left: 24rem;
.-inset-x-96
right: -24rem; left: -24rem;
.top-96
top: 24rem;
.right-96
right: 24rem;
.bottom-96
bottom: 24rem;
.left-96
left: 24rem;
.-top-96
top: -24rem;
.-right-96
right: -24rem;
.-bottom-96
bottom: -24rem;
.-left-96
left: -24rem;
.inset-auto
top: auto; right: auto; bottom: auto; left: auto;
.inset-y-auto
top: auto; bottom: auto;
.inset-x-auto
right: auto; left: auto;
.top-auto
top: auto;
.right-auto
right: auto;
.bottom-auto
bottom: auto;
.left-auto
left: auto;
.inset-1/2
top: 50%; right: 50%; bottom: 50%; left: 50%;
.inset-2/3
top: 66.666667%; right: 66.666667%; bottom: 66.666667%; left: 66.666667%;
.inset-1/4
top: 25%; right: 25%; bottom: 25%; left: 25%;
.inset-3/4
top: 75%; right: 75%; bottom: 75%; left: 75%;
.inset-full
top: 100%; right: 100%; bottom: 100%; left: 100%;
.-inset-1/2
top: -50%; right: -50%; bottom: -50%; left: -50%;
.-inset-2/3
top: -66.666667%; right: -66.666667%; bottom: -66.666667%; left: -66.666667%;
.-inset-1/4
top: -25%; right: -25%; bottom: -25%; left: -25%;
.-inset-3/4
top: -75%; right: -75%; bottom: -75%; left: -75%;
.-inset-full
top: -100%; right: -100%; bottom: -100%; left: -100%;
.inset-x-1/2
right: 50%; left: 50%;
.inset-x-2/3
right: 66.666667%; left: 66.666667%;
.inset-x-1/4
right: 25%; left: 25%;
.inset-x-3/4
right: 75%; left: 75%;
.inset-x-full
right: 100%; left: 100%;
.-inset-x-1/2
right: -50%; left: -50%;
.-inset-x-2/3
right: -66.666667%; left: -66.666667%;
.-inset-x-1/4
right: -25%; left: -25%;
.-inset-x-3/4
right: -75%; left: -75%;
.-inset-x-full
right: -100%; left: -100%;
.inset-y-1/2
top: 50%; bottom: 50%;
.inset-y-2/3
top: 66.666667%; bottom: 66.666667%;
.inset-y-1/4
top: 25%; bottom: 25%;
.inset-y-3/4
top: 75%; bottom: 75%;
.inset-y-full
top: 100%; bottom: 100%;
.-inset-y-1/2
top: -50%; bottom: -50%;
.-inset-y-2/3
top: -66.666667%; bottom: -66.666667%;
.-inset-y-1/4
top: -25%; bottom: -25%;
.-inset-y-3/4
top: -75%; bottom: -75%;
.-inset-y-full
top: -100%; bottom: -100%;
.top-1/2
top: 50%;
.top-2/3
top: 66.666667%;
.top-1/4
top: 25%;
.top-3/4
top: 75%;
.top-full
top: 100%;
.-top-1/2
top: -50%;
.-top-2/3
top: -66.666667%;
.-top-1/4
top: -25%;
.-top-3/4
top: -75%;
.-top-full
top: -100%;
.right-1/2
right: 50%;
.right-2/3
right: 66.666667%;
.right-1/4
right: 25%;
.right-3/4
right: 75%;
.right-full
right: 100%;
.-right-1/2
right: -50%;
.-right-2/3
right: -66.666667%;
.-right-1/4
right: -25%;
.-right-3/4
right: -75%;
.-right-full
right: -100%;
.bottom-1/2
bottom: 50%;
.bottom-2/3
bottom: 66.666667%;
.bottom-1/4
bottom: 25%;
.bottom-3/4
bottom: 75%;
.bottom-full
bottom: 100%;
.-bottom-1/2
bottom: -50%;
.-bottom-2/3
bottom: -66.666667%;
.-bottom-1/4
bottom: -25%;
.-bottom-3/4
bottom: -75%;
.-bottom-full
bottom: -100%;
.left-1/2
left: 50%;
.left-2/3
left: 66.666667%;
.left-1/4
left: 25%;
.left-3/4
left: 75%;
.left-full
left: 100%;
.-left-1/2
left: -50%;
.-left-2/3
left: -66.666667%;
.-left-1/4
left: -25%;
.-left-3/4
left: -75%;
.-left-full
left: -100%;
Visibility
Show or hide an element without changing the layout of a document.
.visible
visibility: visible;
.invisible
visibility: hidden;
Z-index
Set the z-order of a positioned element and its descendants or flex items.
.z-0
z-index: 0;
.z-10
z-index: 10;
.z-20
z-index: 20;
.z-30
z-index: 30;
.z-40
z-index: 40;
.z-50
z-index: 50;
.z-auto
z-index: auto;
Spacing
Padding
Set the padding area of an element on all sides, vertically, horizontally, or just on one side.
.p-0
padding: 0;
.p-0.5
padding: 0.125rem;
.p-1
padding: 0.25rem;
.p-1.5
padding: 0.375rem;
.p-2
padding: 0.5rem;
.p-2.5
padding: 0.625rem;
.p-3
padding: 0.75rem;
.p-3.5
padding: 0.875rem;
.p-4
padding: 1rem;
.p-5
padding: 1.25rem;
.p-6
padding: 1.5rem;
.p-8
padding: 2rem;
.p-10
padding: 2.5rem;
.p-11
padding: 2.75rem;
.p-12
padding: 3rem;
.p-14
padding: 3.5rem;
.p-16
padding: 4rem;
.p-20
padding: 5rem;
.p-24
padding: 6rem;
.p-28
padding: 7rem;
.p-32
padding: 8rem;
.p-36
padding: 9rem;
.p-40
padding: 10rem;
.p-44
padding: 11rem;
.p-48
padding: 12rem;
.p-52
padding: 13rem;
.p-56
padding: 14rem;
.p-64
padding: 16rem;
.p-72
padding: 18rem;
.p-80
padding: 20rem;
.p-96
padding: 24rem;
.p-px
padding: 1px;
.py-0
padding-top: 0; padding-bottom: 0;
.px-0
padding-left: 0; padding-right: 0;
.py-0.5
padding-top: 0.125rem; padding-bottom: 0.125rem;
.px-0.5
padding-left: 0.125rem; padding-right: 0.125rem;
.py-1
padding-top: 0.25rem; padding-bottom: 0.25rem;
.px-1
padding-left: 0.25rem; padding-right: 0.25rem;
.py-1.5
padding-top: 0.375rem; padding-bottom: 0.375rem;
.px-1.5
padding-left: 0.375rem; padding-right: 0.375rem;
.py-2
padding-top: 0.5rem; padding-bottom: 0.5rem;
.px-2
padding-left: 0.5rem; padding-right: 0.5rem;
.py-2.5
padding-top: 0.625rem; padding-bottom: 0.625rem;
.px-2.5
padding-left: 0.625rem; padding-right: 0.625rem;
.py-3
padding-top: 0.75rem; padding-bottom: 0.75rem;
.px-3
padding-left: 0.75rem; padding-right: 0.75rem;
.py-3.5
padding-top: 0.875rem; padding-bottom: 0.875rem;
.px-3.5
padding-left: 0.875rem; padding-right: 0.875rem;
.py-4
padding-top: 1rem; padding-bottom:1rem;
.px-4
padding-left: 1rem; padding-right: 1rem;
.py-5
padding-top: 1.25rem; padding-bottom: 1.25rem;
.px-5
padding-left: 1.25rem; padding-right: 1.25rem;
.py-6
padding-top: 1.5rem; padding-bottom: 1.5rem;
.px-6
padding-left: 1.5rem; padding-right: 1.5rem;
.py-7
padding-top: 1.75rem; padding-bottom: 1.75rem;
.px-7
padding-left: 1.75rem; padding-right: 1.75rem;
.py-8
padding-top: 2rem; padding-bottom: 2rem;
.px-8
padding-left: 2rem; padding-right: 2rem;
.py-9
padding-top: 2.25rem; padding-bottom: 2.25rem;
.px-9
padding-left: 2.25rem; padding-right: 2.25rem;
.py-10
padding-top: 2.5rem; padding-bottom: 2.5rem;
.px-10
padding-left: 2.5rem; padding-right: 2.5rem;
.py-11
padding-top: 2.75rem; padding-bottom: 2.75rem;
.px-11
padding-left: 2.75rem; padding-right: 2.75rem;
.py-12
padding-top: 3rem; padding-bottom: 3rem;
.px-12
padding-left: 3rem; padding-right: 3rem;
.py-14
padding-top: 3.5rem; padding-bottom: 3.5rem;
.px-14
padding-left: 3.5rem; padding-right: 3.5rem;
.py-16
padding-top: 4rem; padding-bottom: 4rem;
.px-16
padding-left: 4rem; padding-right: 4rem;
.py-20
padding-top: 5rem; padding-bottom: 5rem;
.px-20
padding-left: 5rem; padding-right: 5rem;
.py-24
padding-top: 6rem; padding-bottom: 6rem;
.px-24
padding-left: 6rem; padding-right: 6rem;
.py-28
padding-top: 7rem; padding-bottom: 7rem;
.px-28
padding-left: 7rem; padding-right: 7rem;
.py-32
padding-top: 8rem; padding-bottom: 8rem;
.px-32
padding-left: 8rem; padding-right: 8rem;
.py-36
padding-top: 9rem; padding-bottom: 9rem;
.px-36
padding-left: 9rem; padding-right: 9rem;
.py-40
padding-top: 10rem; padding-bottom: 10rem;
.px-40
padding-left: 10rem; padding-right: 10rem;
.py-44
padding-top: 11rem; padding-bottom: 11rem;
.px-44
padding-left: 11rem; padding-right: 11rem;
.py-48
padding-top: 12rem; padding-bottom: 12rem;
.px-48
padding-left: 12rem; padding-right: 12rem;
.py-52
padding-top: 13rem; padding-bottom: 13rem;
.px-52
padding-left: 13rem; padding-right: 13rem;
.py-56
padding-top: 14rem; padding-bottom: 14rem;
.px-56
padding-left: 14rem; padding-right: 14rem;
.py-60
padding-top: 15rem; padding-bottom: 15rem;
.px-60
padding-left: 15rem; padding-right: 15rem;
.py-64
padding-top: 16rem; padding-bottom: 16rem;
.px-64
padding-left: 16rem; padding-right: 16rem;
.py-72
padding-top: 18rem; padding-bottom: 18rem;
.px-72
padding-left: 18rem; padding-right: 18rem;
.py-80
padding-top: 20rem; padding-bottom: 20rem;
.px-80
padding-left: 20rem; padding-right: 20rem;
.py-96
padding-top: 24rem; padding-bottom: 24rem;
.px-96
padding-left: 24rem; padding-right: 24rem;
.py-px
padding-top: 1px; padding-bottom: 1px;
.px-px
padding-left: 1px; padding-right: 1px;
.pt-0
padding-top: 0;
.pr-0
padding-right: 0;
.pb-0
padding-bottom: 0;
.pl-0
padding-left: 0;
.pt-0.5
padding-top: 0.125rem;
.pr-0.5
padding-right: 0.125rem;
.pb-0.5
padding-bottom: 0.125rem;
.pl-0.5
padding-left: 0.125rem;
.pt-1
padding-top: 0.25rem;
.pr-1
padding-right: 0.25rem;
.pb-1
padding-bottom: 0.25rem;
.pl-1
padding-left: 0.25rem;
.pt-1.5
padding-top: 0.375rem;
.pr-1.5
padding-right: 0.375rem;
.pb-1.5
padding-bottom: 0.375rem;
.pl-1.5
padding-left: 0.375rem;
.pt-2
padding-top: 0.5rem;
.pr-2
padding-right: 0.5rem;
.pb-2
padding-bottom: 0.5rem;
.pl-2
padding-left: 0.5rem;
.pt-2.5
padding-top: 0.625rem;
.pr-2.5
padding-right: 0.625rem;
.pb-2.5
padding-bottom: 0.625rem;
.pl-2.5
padding-left: 0.625rem;
.pt-3
padding-top: 0.75rem;
.pr-3
padding-right: 0.75rem;
.pb-3
padding-bottom: 0.75rem;
.pl-3
padding-left: 0.75rem;
.pt-3.5
padding-top: 0.875rem;
.pr-3.5
padding-right: 0.875rem;
.pb-3.5
padding-bottom: 0.875rem;
.pl-3.5
padding-left: 0.875rem;
.pt-4
padding-top: 1rem;
.pr-4
padding-right: 1rem;
.pb-4
padding-bottom: 1rem;
.pl-4
padding-left: 1rem;
.pt-5
padding-top: 1.25rem;
.pr-5
padding-right: 1.25rem;
.pb-5
padding-bottom: 1.25rem;
.pl-5
padding-left: 1.25rem;
.pt-6
padding-top: 1.5rem;
.pr-6
padding-right: 1.5rem;
.pb-6
padding-bottom: 1.5rem;
.pl-6
padding-left: 1.5rem;
.pt-7
padding-top: 1.75rem;
.pr-7
padding-right: 1.75rem;
.pb-7
padding-bottom: 1.75rem;
.pl-7
padding-left: 1.75rem;
.pt-8
padding-top: 2rem;
.pr-8
padding-right: 2rem;
.pb-8
padding-bottom: 2rem;
.pl-8
padding-left: 2rem;
.pt-9
padding-top: 2.25rem;
.pr-9
padding-right: 2.25rem;
.pb-9
padding-bottom: 2.25rem;
.pl-9
padding-left: 2.25rem;
.pt-10
padding-top: 2.5rem;
.pr-10
padding-right: 2.5rem;
.pb-10
padding-bottom: 2.5rem;
.pl-10
padding-left: 2.5rem;
.pt-11
padding-top: 2.75rem;
.pr-11
padding-right: 2.75rem;
.pb-11
padding-bottom: 2.75rem;
.pl-11
padding-left: 2.75rem;
.pt-12
padding-top: 3rem;
.pr-12
padding-right: 3rem;
.pb-12
padding-bottom: 3rem;
.pl-12
padding-left: 3rem;
.pt-14
padding-top: 3.5rem;
.pr-14
padding-right: 3.5rem;
.pb-14
padding-bottom: 3.5rem;
.pl-14
padding-left: 3.5rem;
.pt-16
padding-top: 4rem;
.pr-16
padding-right: 4rem;
.pb-16
padding-bottom: 4rem;
.pl-16
padding-left: 4rem;
.pt-20
padding-top: 5rem;
.pr-20
padding-right: 5rem;
.pb-20
padding-bottom: 5rem;
.pl-20
padding-left: 5rem;
.pt-24
padding-top: 6rem;
.pr-24
padding-right: 6rem;
.pb-24
padding-bottom: 6rem;
.pl-24
padding-left: 6rem;
.pt-28
padding-top: 7rem;
.pr-28
padding-right: 7rem;
.pb-28
padding-bottom: 7rem;
.pl-28
padding-left: 7rem;
.pt-32
padding-top: 8rem;
.pr-32
padding-right: 8rem;
.pb-32
padding-bottom: 8rem;
.pl-32
padding-left: 8rem;
.pt-36
padding-top: 9rem;
.pr-36
padding-right: 9rem;
.pb-36
padding-bottom: 9rem;
.pl-36
padding-left: 9rem;
.pt-40
padding-top: 10rem;
.pr-40
padding-right: 10rem;
.pb-40
padding-bottom: 10rem;
.pl-40
padding-left: 10rem;
.pt-44
padding-top: 11rem;
.pr-44
padding-right: 11rem;
.pb-44
padding-bottom: 11rem;
.pl-44
padding-left: 11rem;
.pt-48
padding-top: 12rem;
.pr-48
padding-right: 12rem;
.pb-48
padding-bottom: 12rem;
.pl-48
padding-left: 12rem;
.pt-52
padding-top: 13rem;
.pr-52
padding-right: 13rem;
.pb-52
padding-bottom: 13rem;
.pl-52
padding-left: 13rem;
.pt-56
padding-top: 14rem;
.pr-56
padding-right: 14rem;
.pb-56
padding-bottom: 14rem;
.pl-56
padding-left: 14rem;
.pt-60
padding-top: 15rem;
.pr-60
padding-right: 15rem;
.pb-60
padding-bottom: 15rem;
.pl-60
padding-left: 15rem;
.pt-64
padding-top: 16rem;
.pr-64
padding-right: 16rem;
.pb-64
padding-bottom: 16rem;
.pl-64
padding-left: 16rem;
.pt-72
padding-top: 18rem;
.pr-72
padding-right: 18rem;
.pb-72
padding-bottom: 18rem;
.pl-72
padding-left: 18rem;
.pt-80
padding-top: 20rem;
.pr-80
padding-right: 20rem;
.pb-80
padding-bottom: 20rem;
.pl-80
padding-left: 20rem;
.pt-96
padding-top: 24rem;
.pr-96
padding-right: 24rem;
.pb-96
padding-bottom: 24rem;
.pl-96
padding-left: 24rem;
.pt-px
padding-top: 1px;
.pr-px
padding-right: 1px;
.pb-px
padding-bottom: 1px;
.pl-px
padding-left: 1px;
Margin
Set the margin area of an element on all sides, vertically, horizontally, or just on one side.
.m-0
margin: 0;
.m-0.5
margin: 0.125rem;
.m-1
margin: 0.25rem;
.m-1.5
margin: 0.325rem;
.m-2
margin: 0.5rem;
.m-2.5
margin: 0.625rem;
.m-3
margin: 0.75rem;
.m-3.5
margin: 0.875rem;
.m-4
margin: 1rem;
.m-5
margin: 1.25rem;
.m-6
margin: 1.5rem;
.m-8
margin: 2rem;
.m-10
margin: 2.5rem;
.m-11
margin: 2.75rem;
.m-12
margin: 3rem;
.m-14
margin: 3.5rem;
.m-16
margin: 4rem;
.m-20
margin: 5rem;
.m-24
margin: 6rem;
.m-28
margin: 7rem;
.m-32
margin: 8rem;
.m-36
margin: 9rem;
.m-40
margin: 10rem;
.m-44
margin: 11rem;
.m-48
margin: 12rem;
.m-52
margin: 13rem;
.m-56
margin: 14rem;
.m-64
margin: 16rem;
.m-72
margin: 18rem;
.m-80
margin: 20rem;
.m-96
margin: 24rem;
.m-px
margin: 1px;
.my-0
margin-top: 0; margin-bottom: 0;
.mx-0
margin-left: 0; margin-right: 0;
.my-0.5
margin-top: 0.125rem; margin-bottom: 0.125rem;
.mx-0.5
margin-left: 0.125rem; margin-right: 0.125rem;
.my-1
margin-top: 0.25rem; margin-bottom: 0.25rem;
.mx-1
margin-left: 0.25rem; margin-right: 0.25rem;
.my-1.5
margin-top: 0.375rem; margin-bottom: 0.375rem;
.mx-1.5
margin-left: 0.375rem; margin-right: 0.375rem;
.my-2
margin-top: 0.5rem; margin-bottom: 0.5rem;
.mx-2
margin-left: 0.5rem; margin-right: 0.5rem;
.my-2.5
margin-top: 0.625rem; margin-bottom: 0.625rem;
.mx-2.5
margin-left: 0.625rem; margin-right: 0.625rem;
.my-3
margin-top: 0.75rem; margin-bottom: 0.75rem;
.mx-3
margin-left: 0.75rem; margin-right: 0.75rem;
.my-3.5
margin-top: 0.875rem; margin-bottom: 0.875rem;
.mx-3.5
margin-left: 0.875rem; margin-right: 0.875rem;
.my-4
margin-top: 1rem; margin-bottom: 1rem;
.mx-4
margin-left: 1rem; margin-right: 1rem;
.my-5
margin-top: 1.25rem; margin-bottom: 1.25rem;
.mx-5
margin-left: 1.25rem; margin-right: 1.25rem;
.my-6
margin-top: 1.5rem; margin-bottom: 1.5rem;
.mx-6
margin-left: 1.5rem; margin-right: 1.5rem;
.my-7
margin-top: 1.75rem; margin-bottom: 1.75rem;
.mx-7
margin-left: 1.75rem; margin-right: 1.75rem;
.my-8
margin-top: 2rem; margin-bottom: 2rem;
.mx-8
margin-left: 2rem; margin-right: 2rem;
.my-9
margin-top: 2.25rem; margin-bottom: 2.25rem;
.mx-9
margin-left: 2.25rem; margin-right: 2.25rem;
.my-10
margin-top: 2.5rem; margin-bottom: 2.5rem;
.mx-10
margin-left: 2.5rem; margin-right: 2.5rem;
.my-11
margin-top: 2.75rem; margin-bottom: 2.75rem;
.mx-11
margin-left: 2.75rem; margin-right: 2.75rem;
.my-12
margin-top: 3rem; margin-bottom: 3rem;
.mx-12
margin-left: 3rem; margin-right: 3rem;
.my-14
margin-top: 3.5rem; margin-bottom: 3.5rem;
.mx-14
margin-left: 3.5rem; margin-right: 3.5rem;
.my-16
margin-top: 4rem; margin-bottom: 4rem;
.mx-16
margin-left: 4rem; margin-right: 4rem;
.my-16
margin-top: 4rem; margin-bottom: 4rem;
.mx-16
margin-left: 4rem; margin-right: 4rem;
.my-20
margin-top: 5rem; margin-bottom: 5rem;
.mx-20
margin-left: 5rem; margin-right: 5rem;
.my-24
margin-top: 6rem; margin-bottom: 6rem;
.mx-24
margin-left: 6rem; margin-right: 6rem;
.my-28
margin-top: 7rem; margin-bottom: 7rem;
.mx-28
margin-left: 7rem; margin-right: 7rem;
.my-32
margin-top: 8rem; margin-bottom: 8rem;
.mx-32
margin-left: 8rem; margin-right: 8rem;
.my-36
margin-top: 9rem; margin-bottom: 9rem;
.mx-36
margin-left: 9rem; margin-right: 9rem;
.my-40
margin-top: 10rem; margin-bottom: 10rem;
.mx-40
margin-left: 10rem; margin-right: 10rem;
.my-44
margin-top: 11rem; margin-bottom: 11rem;
.mx-44
margin-left: 11rem; margin-right: 11rem;
.my-48
margin-top: 12rem; margin-bottom: 12rem;
.mx-48
margin-left: 12rem; margin-right: 12rem;
.my-52
margin-top: 13rem; margin-bottom: 13rem;
.mx-52
margin-left: 13rem; margin-right: 13rem;
.my-56
margin-top: 14rem; margin-bottom: 14rem;
.mx-56
margin-left: 14rem; margin-right: 14rem;
.my-60
margin-top: 15rem; margin-bottom: 15rem;
.mx-60
margin-left: 15rem; margin-right: 15rem;
.my-64
margin-top: 16rem; margin-bottom: 16rem;
.mx-64
margin-left: 16rem; margin-right: 16rem;
.my-72
margin-top: 18rem; margin-bottom: 18rem;
.mx-72
margin-left: 18rem; margin-right: 18rem;
.my-80
margin-top: 20rem; margin-bottom: 20rem;
.mx-80
margin-left: 20rem; margin-right: 20rem;
.my-96
margin-top: 24rem; margin-bottom: 24rem;
.mx-96
margin-left: 24rem; margin-right: 24rem;
.my-px
margin-top: 1px; margin-bottom: 1px;
.mx-px
margin-left: 1px; margin-right: 1px;
.mt-0
margin-top: 0;
.mr-0
margin-right: 0;
.mb-0
margin-bottom: 0;
.ml-0
margin-left: 0;
.mt-0.5
margin-top: 0.125rem;
.mr-0.5
margin-right: 0.125rem;
.mb-0.5
margin-bottom: 0.125rem;
.ml-0.5
margin-left: 0.125rem;
.mt-1
margin-top: 0.25rem;
.mr-1
margin-right: 0.25rem;
.mb-1
margin-bottom: 0.25rem;
.ml-1
margin-left: 0.25rem;
.mt-1.5
margin-top: 0.375rem;
.mr-1.5
margin-right: 0.375rem;
.mb-1.5
margin-bottom: 0.375rem;
.ml-1.5
margin-left: 0.375rem;
.mt-2
margin-top: 0.5rem;
.mr-2
margin-right: 0.5rem;
.mb-2
margin-bottom: 0.5rem;
.ml-2
margin-left: 0.5rem;
.mt-2.5
margin-top: 0.625rem;
.mr-2.5
margin-right: 0.625rem;
.mb-2.5
margin-bottom: 0.625rem;
.ml-2.5
margin-left: 0.625rem;
.mt-3
margin-top: 0.75rem;
.mr-3
margin-right: 0.75rem;
.mb-3
margin-bottom: 0.75rem;
.ml-3
margin-left: 0.75rem;
.mt-3.5
margin-top: 0.875rem;
.mr-3.5
margin-right: 0.875rem;
.mb-3.5
margin-bottom: 0.875rem;
.ml-3.5
margin-left: 0.875rem;
.mt-4
margin-top: 1rem;
.mr-4
margin-right: 1rem;
.mb-4
margin-bottom: 1rem;
.ml-4
margin-left: 1rem;
.mt-5
margin-top: 1.25rem;
.mr-5
margin-right: 1.25rem;
.mb-5
margin-bottom: 1.25rem;
.ml-5
margin-left: 1.25rem;
.mt-6
margin-top: 1.5rem;
.mr-6
margin-right: 1.5rem;
.mb-6
margin-bottom: 1.5rem;
.ml-6
margin-left: 1.5rem;
.mt-7
margin-top: 1.75rem;
.mr-7
margin-right: 1.75rem;
.mb-7
margin-bottom: 1.75rem;
.ml-7
margin-left: 1.75rem;
.mt-8
margin-top: 2rem;
.mr-8
margin-right: 2rem;
.mb-8
margin-bottom: 2rem;
.ml-8
margin-left: 2rem;
.mt-9
margin-top: 2.25rem;
.mr-9
margin-right: 2.25rem;
.mb-9
margin-bottom: 2.25rem;
.ml-9
margin-left: 2.25rem;
.mt-10
margin-top: 2.5rem;
.mr-10
margin-right: 2.5rem;
.mb-10
margin-bottom: 2.5rem;
.ml-10
margin-left: 2.5rem;
.mt-11
margin-top: 2.75rem;
.mr-11
margin-right: 2.75rem;
.mb-11
margin-bottom: 2.75rem;
.ml-11
margin-left: 2.75rem;
.mt-12
margin-top: 3rem;
.mr-12
margin-right: 3rem;
.mb-12
margin-bottom: 3rem;
.ml-12
margin-left: 3rem;
.mt-14
margin-top: 3.5rem;
.mr-14
margin-right: 3.5rem;
.mb-14
margin-bottom: 3.5rem;
.ml-14
margin-left: 3.5rem;
.mt-16
margin-top: 4rem;
.mr-16
margin-right: 4rem;
.mb-16
margin-bottom: 4rem;
.ml-16
margin-left: 4rem;
.mt-20
margin-top: 5rem;
.mr-20
margin-right: 5rem;
.mb-20
margin-bottom: 5rem;
.ml-20
margin-left: 5rem;
.mt-24
margin-top: 6rem;
.mr-24
margin-right: 6rem;
.mb-24
margin-bottom: 6rem;
.ml-24
margin-left: 6rem;
.mt-28
margin-top: 7rem;
.mr-28
margin-right: 7rem;
.mb-28
margin-bottom: 7rem;
.ml-28
margin-left: 7rem;
.mt-32
margin-top: 8rem;
.mr-32
margin-right: 8rem;
.mb-32
margin-bottom: 8rem;
.ml-32
margin-left: 8rem;
.mt-36
margin-top: 9rem;
.mr-36
margin-right: 9rem;
.mb-36
margin-bottom: 9rem;
.ml-36
margin-left: 9rem;
.mt-40
margin-top: 10rem;
.mr-40
margin-right: 10rem;
.mb-40
margin-bottom: 10rem;
.ml-40
margin-left: 10rem;
.mt-44
margin-top: 11rem;
.mr-44
margin-right: 11rem;
.mb-44
margin-bottom: 11rem;
.ml-44
margin-left: 11rem;
.mt-48
margin-top: 12rem;
.mr-48
margin-right: 12rem;
.mb-48
margin-bottom: 12rem;
.ml-48
margin-left: 12rem;
.mt-52
margin-top: 13rem;
.mr-52
margin-right: 13rem;
.mb-52
margin-bottom: 13rem;
.ml-52
margin-left: 13rem;
.mt-56
margin-top: 14rem;
.mr-56
margin-right: 14rem;
.mb-56
margin-bottom: 14rem;
.ml-56
margin-left: 14rem;
.mt-60
margin-top: 15rem;
.mr-60
margin-right: 15rem;
.mb-60
margin-bottom: 15rem;
.ml-60
margin-left: 15rem;
.mt-64
margin-top: 16rem;
.mr-64
margin-right: 16rem;
.mb-64
margin-bottom: 16rem;
.ml-64
margin-left: 16rem;
.mt-72
margin-top: 18rem;
.mr-72
margin-right: 18rem;
.mb-72
margin-bottom: 18rem;
.ml-72
margin-left: 18rem;
.mt-80
margin-top: 20rem;
.mr-80
margin-right: 20rem;
.mb-80
margin-bottom: 20rem;
.ml-80
margin-left: 20rem;
.mt-96
margin-top: 24rem;
.mr-96
margin-right: 24rem;
.mb-96
margin-bottom: 24rem;
.ml-96
margin-left: 24rem;
.mt-px
margin-top: 1px;
.mr-px
margin-right: 1px;
.mb-px
margin-bottom: 1px;
.ml-px
margin-left: 1px;
.-m-0
margin: 0;
.-m-0.5
margin: -0.125rem;
.-m-1
margin: -0.25rem;
.-m-1.5
margin: -0.325rem;
.-m-2
margin: -0.5rem;
.-m-2.5
margin: -0.625rem;
.-m-3
margin: -0.75rem;
.-m-3.5
margin: -0.875rem;
.-m-4
margin: -1rem;
.-m-5
margin: -1.25rem;
.-m-6
margin: -1.5rem;
.-m-8
margin: -2rem;
.-m-10
margin: -2.5rem;
.-m-11
margin: -2.75rem;
.-m-12
margin: -3rem;
.-m-14
margin: -3.5rem;
.-m-16
margin: -4rem;
.-m-20
margin: -5rem;
.-m-24
margin: -6rem;
.-m-28
margin: -7rem;
.-m-32
margin: -8rem;
.-m-36
margin: -9rem;
.-m-40
margin: -10rem;
.-m-44
margin: -11rem;
.-m-48
margin: -12rem;
.-m-52
margin: -13rem;
.-m-56
margin: -14rem;
.-m-64
margin: -16rem;
.-m-72
margin: -18rem;
.-m-80
margin: -20rem;
.-m-96
margin: -24rem;
.-m-px
margin: -1px;
.-my-0
margin-top: 0; margin-bottom: 0;
.-mx-0
margin-left: 0; margin-right: 0;
.-my-0.5
margin-top: -0.125rem; margin-bottom: -0.125rem;
.-mx-0.5
margin-left: -0.125rem; margin-right: -0.125rem;
.-my-1
margin-top: -0.25rem; margin-bottom: -0.25rem;
.-mx-1
margin-left: -0.25rem; margin-right: -0.25rem;
.-my-1.5
margin-top: -0.375rem; margin-bottom: -0.375rem;
.-mx-1.5
margin-left: -0.375rem; margin-right: -0.375rem;
.-my-2
margin-top: -0.5rem; margin-bottom: -0.5rem;
.-mx-2
margin-left: -0.5rem; margin-right: -0.5rem;
.-my-2.5
margin-top: -0.625rem; margin-bottom: -0.625rem;
.-mx-2.5
margin-left: -0.625rem; margin-right: -0.625rem;
.-my-3
margin-top: -0.75rem; margin-bottom: -0.75rem;
.-mx-3
margin-left: -0.75rem; margin-right: -0.75rem;
.-my-3.5
margin-top: -0.875rem; margin-bottom: -0.875rem;
.-mx-3.5
margin-left: -0.875rem; margin-right: -0.875rem;
.-my-4
margin-top: -1rem; margin-bottom: -1rem;
.-mx-4
margin-left: -1rem; margin-right: -1rem;
.-my-5
margin-top: -1.25rem; margin-bottom: -1.25rem;
.-mx-5
margin-left: -1.25rem; margin-right: -1.25rem;
.-my-6
margin-top: -1.5rem; margin-bottom: -1.5rem;
.-mx-6
margin-left: -1.5rem; margin-right: -1.5rem;
.-my-7
margin-top: -1.75rem; margin-bottom: -1.75rem;
.-mx-7
margin-left: -1.75rem; margin-right: -1.75rem;
.-my-8
margin-top: -2rem; margin-bottom: -2rem;
.-mx-8
margin-left: -2rem; margin-right: -2rem;
.-my-9
margin-top: -2.25rem; margin-bottom: -2.25rem;
.-mx-9
margin-left: -2.25rem; margin-right: -2.25rem;
.-my-10
margin-top: -2.5rem; margin-bottom: -2.5rem;
.-mx-10
margin-left: -2.5rem; margin-right: -2.5rem;
.-my-11
margin-top: -2.75rem; margin-bottom: -2.75rem;
.-mx-11
margin-left: -2.75rem; margin-right: -2.75rem;
.-my-12
margin-top: -3rem; margin-bottom: -3rem;
.-mx-12
margin-left: -3rem; margin-right: -3rem;
.-my-14
margin-top: -3.5rem; margin-bottom: -3.5rem;
.-mx-14
margin-left: -3.5rem; margin-right: -3.5rem;
.-my-16
margin-top: -4rem; margin-bottom: -4rem;
.-mx-16
margin-left: -4rem; margin-right: -4rem;
.-my-16
margin-top: -4rem; margin-bottom: -4rem;
.-mx-16
margin-left: -4rem; margin-right: -4rem;
.-my-20
margin-top: -5rem; margin-bottom: -5rem;
.-mx-20
margin-left: -5rem; margin-right: -5rem;
.-my-24
margin-top: -6rem; margin-bottom: -6rem;
.-mx-24
margin-left: -6rem; margin-right: -6rem;
.-my-28
margin-top: -7rem; margin-bottom: -7rem;
.-mx-28
margin-left: -7rem; margin-right: -7rem;
.-my-32
margin-top: -8rem; margin-bottom: -8rem;
.-mx-32
margin-left: -8rem; margin-right: -8rem;
.-my-36
margin-top: -9rem; margin-bottom: -9rem;
.-mx-36
margin-left: -9rem; margin-right: -9rem;
.-my-40
margin-top: -10rem; margin-bottom: -10rem;
.-mx-40
margin-left: -10rem; margin-right: -10rem;
.-my-44
margin-top: -11rem; margin-bottom: -11rem;
.-mx-44
margin-left: -11rem; margin-right: -11rem;
.-my-48
margin-top: -12rem; margin-bottom: -12rem;
.-mx-48
margin-left: -12rem; margin-right: -12rem;
.-my-52
margin-top: -13rem; margin-bottom: -13rem;
.-mx-52
margin-left: -13rem; margin-right: -13rem;
.-my-56
margin-top: -14rem; margin-bottom: -14rem;
.-mx-56
margin-left: -14rem; margin-right: -14rem;
.-my-60
margin-top: -15rem; margin-bottom: -15rem;
.-mx-60
margin-left: -15rem; margin-right: -15rem;
.-my-64
margin-top: -16rem; margin-bottom: -16rem;
.-mx-64
margin-left: -16rem; margin-right: -16rem;
.-my-72
margin-top: -18rem; margin-bottom: -18rem;
.-mx-72
margin-left: -18rem; margin-right: -18rem;
.-my-80
margin-top: -20rem; margin-bottom: -20rem;
.-mx-80
margin-left: -20rem; margin-right: -20rem;
.-my-96
margin-top: -24rem; margin-bottom: -24rem;
.-mx-96
margin-left: -24rem; margin-right: -24rem;
.-my-px
margin-top: -1px; margin-bottom: -1px;
.-mx-px
margin-left: -1px; margin-right: -1px;
.-mt-0
margin-top: 0;
.-mr-0
margin-right: 0;
.-mb-0
margin-bottom: 0;
.-ml-0
margin-left: 0;
.-mt-0.5
margin-top: -0.125rem;
.-mr-0.5
margin-right: -0.125rem;
.-mb-0.5
margin-bottom: -0.125rem;
.-ml-0.5
margin-left: -0.125rem;
.-mt-1
margin-top: -0.25rem;
.-mr-1
margin-right: -0.25rem;
.-mb-1
margin-bottom: -0.25rem;
.-ml-1
margin-left: -0.25rem;
.-mt-1.5
margin-top: -0.375rem;
.-mr-1.5
margin-right: -0.375rem;
.-mb-1.5
margin-bottom: -0.375rem;
.-ml-1.5
margin-left: -0.375rem;
.-mt-2
margin-top: -0.5rem;
.-mr-2
margin-right: -0.5rem;
.-mb-2
margin-bottom: -0.5rem;
.-ml-2
margin-left: -0.5rem;
.-mt-2.5
margin-top: -0.625rem;
.-mr-2.5
margin-right: -0.625rem;
.-mb-2.5
margin-bottom: -0.625rem;
.-ml-2.5
margin-left: -0.625rem;
.-mt-3
margin-top: -0.75rem;
.-mr-3
margin-right: -0.75rem;
.-mb-3
margin-bottom: -0.75rem;
.-ml-3
margin-left: -0.75rem;
.-mt-3.5
margin-top: -0.875rem;
.-mr-3.5
margin-right: -0.875rem;
.-mb-3.5
margin-bottom: -0.875rem;
.-ml-3.5
margin-left: -0.875rem;
.-mt-4
margin-top: -1rem;
.-mr-4
margin-right: -1rem;
.-mb-4
margin-bottom: -1rem;
.-ml-4
margin-left: -1rem;
.-mt-5
margin-top: -1.25rem;
.-mr-5
margin-right: -1.25rem;
.-mb-5
margin-bottom: -1.25rem;
.-ml-5
margin-left: -1.25rem;
.-mt-6
margin-top: -1.5rem;
.-mr-6
margin-right: -1.5rem;
.-mb-6
margin-bottom: -1.5rem;
.-ml-6
margin-left: -1.5rem;
.-mt-7
margin-top: -1.75rem;
.-mr-7
margin-right: -1.75rem;
.-mb-7
margin-bottom: -1.75rem;
.-ml-7
margin-left: -1.75rem;
.-mt-8
margin-top: -2rem;
.-mr-8
margin-right: -2rem;
.-mb-8
margin-bottom: -2rem;
.-ml-8
margin-left: -2rem;
.-mt-9
margin-top: -2.25rem;
.-mr-9
margin-right: -2.25rem;
.-mb-9
margin-bottom: -2.25rem;
.-ml-9
margin-left: -2.25rem;
.-mt-10
margin-top: -2.5rem;
.-mr-10
margin-right: -2.5rem;
.-mb-10
margin-bottom: -2.5rem;
.-ml-10
margin-left: -2.5rem;
.-mt-11
margin-top: -2.75rem;
.-mr-11
margin-right: -2.75rem;
.-mb-11
margin-bottom: -2.75rem;
.-ml-11
margin-left: -2.75rem;
.-mt-12
margin-top: -3rem;
.-mr-12
margin-right: -3rem;
.-mb-12
margin-bottom: -3rem;
.-ml-12
margin-left: -3rem;
.-mt-14
margin-top: -3.5rem;
.-mr-14
margin-right: -3.5rem;
.-mb-14
margin-bottom: -3.5rem;
.-ml-14
margin-left: -3.5rem;
.-mt-16
margin-top: -4rem;
.-mr-16
margin-right: -4rem;
.-mb-16
margin-bottom: -4rem;
.-ml-16
margin-left: -4rem;
.-mt-20
margin-top: -5rem;
.-mr-20
margin-right: -5rem;
.-mb-20
margin-bottom: -5rem;
.-ml-20
margin-left: -5rem;
.-mt-24
margin-top: -6rem;
.-mr-24
margin-right: -6rem;
.-mb-24
margin-bottom: -6rem;
.-ml-24
margin-left: -6rem;
.-mt-28
margin-top: -7rem;
.-mr-28
margin-right: -7rem;
.-mb-28
margin-bottom: -7rem;
.-ml-28
margin-left: -7rem;
.-mt-32
margin-top: -8rem;
.-mr-32
margin-right: -8rem;
.-mb-32
margin-bottom: -8rem;