This app works best with JavaScript enabled.
Close Menu
Introduction
Installation
Framework Agnostic
React
Customization
Overview
Theme
Utilities
Variants
Apply
Layout
Container
Display
Float
Object Fit
Object Position
Overflow
Position
Visibility
Z Index
Typography
Font Family
Font Size
Font Weight
Letter Spacing
Line Height
Lists
Style and Decoration
Text Alignment
Text Color
Vertical Alignment
Whitespace
Background
Background Attachment
Background Color
Background Position
Background Repeat
Background Size
Border
Border Color
Border Radius
Border Style
Border Width
Flexbox
Align Content
Align Items
Align Self
Flex
Flex Direction
Flex Display
Flex Grow
Flex Shrink
Flex Wrapping
Justify Content
Space
Margin
Padding
Size
Height
Width
Tables
Border Collapse
Table Layout
Effects
Box Shadow
Opacity
Interactivity
Appearance
Cursor
Outline
Pointer Events
Resize
User Select
Svg
Fill
Stroke
Space
Margin
m
{
s
i
d
e
?
}
-
{
s
i
z
e
}
Generated from
theme.margin
0
0
1
0.25rem
2
0.5rem
3
0.75rem
4
1rem
5
1.25rem
6
1.5rem
8
2rem
10
2.5rem
12
3rem
16
4rem
20
5rem
24
6rem
32
8rem
40
10rem
48
12rem
56
14rem
64
16rem
auto
auto
px
1px
All
m-{size}
Horizontal
mx-{size}
Vertical
my-{size}
Top
mt-{size}
Right
mr-{size}
Bottom
mb-{size}
Left
ml-{size}
Negative margin utilities are also available. Use
-m{side?}-{size}
Previous
Justify Content
Next
Padding