type
status
date
slug
summary
tags
category
icon
password

Padding

Class
Properties
p-0
padding: 0px;
px-0
padding-left: 0px; padding-right: 0px;
py-0
padding-top: 0px; padding-bottom: 0px;
ps-0
padding-inline-start: 0px;
pe-0
padding-inline-end: 0px;
pt-0
padding-top: 0px;
pr-0
padding-right: 0px;
pb-0
padding-bottom: 0px;
pl-0
padding-left: 0px;
p-px
padding: 1px;
px-px
padding-left: 1px; padding-right: 1px;
py-px
padding-top: 1px; padding-bottom: 1px;
ps-px
padding-inline-start: 1px;
pe-px
padding-inline-end: 1px;
pt-px
padding-top: 1px;
pr-px
padding-right: 1px;
pb-px
padding-bottom: 1px;
pl-px
padding-left: 1px;
p-0.5
padding: 0.125rem; /* 2px */
px-0.5
padding-left: 0.125rem; /* 2px */ padding-right: 0.125rem; /* 2px */
py-0.5
padding-top: 0.125rem; /* 2px */ padding-bottom: 0.125rem; /* 2px */
ps-0.5
padding-inline-start: 0.125rem; /* 2px */
pe-0.5
padding-inline-end: 0.125rem; /* 2px */
pt-0.5
padding-top: 0.125rem; /* 2px */
pr-0.5
padding-right: 0.125rem; /* 2px */
pb-0.5
padding-bottom: 0.125rem; /* 2px */
pl-0.5
padding-left: 0.125rem; /* 2px */
p-1
padding: 0.25rem; /* 4px */
px-1
padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */
py-1
padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */
ps-1
padding-inline-start: 0.25rem; /* 4px */
pe-1
padding-inline-end: 0.25rem; /* 4px */
pt-1
padding-top: 0.25rem; /* 4px */
pr-1
padding-right: 0.25rem; /* 4px */
pb-1
padding-bottom: 0.25rem; /* 4px */
pl-1
padding-left: 0.25rem; /* 4px */
p-1.5
padding: 0.375rem; /* 6px */
px-1.5
padding-left: 0.375rem; /* 6px */ padding-right: 0.375rem; /* 6px */
py-1.5
padding-top: 0.375rem; /* 6px */ padding-bottom: 0.375rem; /* 6px */
ps-1.5
padding-inline-start: 0.375rem; /* 6px */
pe-1.5
padding-inline-end: 0.375rem; /* 6px */
pt-1.5
padding-top: 0.375rem; /* 6px */
pr-1.5
padding-right: 0.375rem; /* 6px */
pb-1.5
padding-bottom: 0.375rem; /* 6px */
pl-1.5
padding-left: 0.375rem; /* 6px */
p-2
padding: 0.5rem; /* 8px */
px-2
padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */
py-2
padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */
ps-2
padding-inline-start: 0.5rem; /* 8px */
pe-2
padding-inline-end: 0.5rem; /* 8px */
pt-2
padding-top: 0.5rem; /* 8px */
pr-2
padding-right: 0.5rem; /* 8px */
pb-2
padding-bottom: 0.5rem; /* 8px */
pl-2
padding-left: 0.5rem; /* 8px */
p-2.5
padding: 0.625rem; /* 10px */
px-2.5
padding-left: 0.625rem; /* 10px */ padding-right: 0.625rem; /* 10px */
py-2.5
padding-top: 0.625rem; /* 10px */ padding-bottom: 0.625rem; /* 10px */
ps-2.5
padding-inline-start: 0.625rem; /* 10px */
pe-2.5
padding-inline-end: 0.625rem; /* 10px */
pt-2.5
padding-top: 0.625rem; /* 10px */
pr-2.5
padding-right: 0.625rem; /* 10px */
pb-2.5
padding-bottom: 0.625rem; /* 10px */
pl-2.5
padding-left: 0.625rem; /* 10px */
p-3
padding: 0.75rem; /* 12px */
px-3
padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */
py-3
padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */
ps-3
padding-inline-start: 0.75rem; /* 12px */
pe-3
padding-inline-end: 0.75rem; /* 12px */
pt-3
padding-top: 0.75rem; /* 12px */
pr-3
padding-right: 0.75rem; /* 12px */
pb-3
padding-bottom: 0.75rem; /* 12px */
pl-3
padding-left: 0.75rem; /* 12px */
p-3.5
padding: 0.875rem; /* 14px */
px-3.5
padding-left: 0.875rem; /* 14px */ padding-right: 0.875rem; /* 14px */
py-3.5
padding-top: 0.875rem; /* 14px */ padding-bottom: 0.875rem; /* 14px */
ps-3.5
padding-inline-start: 0.875rem; /* 14px */
pe-3.5
padding-inline-end: 0.875rem; /* 14px */
pt-3.5
padding-top: 0.875rem; /* 14px */
pr-3.5
padding-right: 0.875rem; /* 14px */
pb-3.5
padding-bottom: 0.875rem; /* 14px */
pl-3.5
padding-left: 0.875rem; /* 14px */
p-4
padding: 1rem; /* 16px */
px-4
padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */
py-4
padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */
ps-4
padding-inline-start: 1rem; /* 16px */
pe-4
padding-inline-end: 1rem; /* 16px */
pt-4
padding-top: 1rem; /* 16px */
pr-4
padding-right: 1rem; /* 16px */
pb-4
padding-bottom: 1rem; /* 16px */
pl-4
padding-left: 1rem; /* 16px */
p-5
padding: 1.25rem; /* 20px */
px-5
padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */
py-5
padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */
ps-5
padding-inline-start: 1.25rem; /* 20px */
pe-5
padding-inline-end: 1.25rem; /* 20px */
pt-5
padding-top: 1.25rem; /* 20px */
pr-5
padding-right: 1.25rem; /* 20px */
pb-5
padding-bottom: 1.25rem; /* 20px */
pl-5
padding-left: 1.25rem; /* 20px */
p-6
padding: 1.5rem; /* 24px */
px-6
padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */
py-6
padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */
ps-6
padding-inline-start: 1.5rem; /* 24px */
pe-6
padding-inline-end: 1.5rem; /* 24px */
pt-6
padding-top: 1.5rem; /* 24px */
pr-6
padding-right: 1.5rem; /* 24px */
pb-6
padding-bottom: 1.5rem; /* 24px */
pl-6
padding-left: 1.5rem; /* 24px */
p-7
padding: 1.75rem; /* 28px */
px-7
padding-left: 1.75rem; /* 28px */ padding-right: 1.75rem; /* 28px */
py-7
padding-top: 1.75rem; /* 28px */ padding-bottom: 1.75rem; /* 28px */
ps-7
padding-inline-start: 1.75rem; /* 28px */
pe-7
padding-inline-end: 1.75rem; /* 28px */
pt-7
padding-top: 1.75rem; /* 28px */
pr-7
padding-right: 1.75rem; /* 28px */
pb-7
padding-bottom: 1.75rem; /* 28px */
pl-7
padding-left: 1.75rem; /* 28px */
p-8
padding: 2rem; /* 32px */
px-8
padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */
py-8
padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */
ps-8
padding-inline-start: 2rem; /* 32px */
pe-8
padding-inline-end: 2rem; /* 32px */
pt-8
padding-top: 2rem; /* 32px */
pr-8
padding-right: 2rem; /* 32px */
pb-8
padding-bottom: 2rem; /* 32px */
pl-8
padding-left: 2rem; /* 32px */
p-9
padding: 2.25rem; /* 36px */
px-9
padding-left: 2.25rem; /* 36px */ padding-right: 2.25rem; /* 36px */
py-9
padding-top: 2.25rem; /* 36px */ padding-bottom: 2.25rem; /* 36px */
ps-9
padding-inline-start: 2.25rem; /* 36px */
pe-9
padding-inline-end: 2.25rem; /* 36px */
pt-9
padding-top: 2.25rem; /* 36px */
pr-9
padding-right: 2.25rem; /* 36px */
pb-9
padding-bottom: 2.25rem; /* 36px */
pl-9
padding-left: 2.25rem; /* 36px */
p-10
padding: 2.5rem; /* 40px */
px-10
padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */
py-10
padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */
ps-10
padding-inline-start: 2.5rem; /* 40px */
pe-10
padding-inline-end: 2.5rem; /* 40px */
pt-10
padding-top: 2.5rem; /* 40px */
pr-10
padding-right: 2.5rem; /* 40px */
pb-10
padding-bottom: 2.5rem; /* 40px */
pl-10
padding-left: 2.5rem; /* 40px */
p-11
padding: 2.75rem; /* 44px */
px-11
padding-left: 2.75rem; /* 44px */ padding-right: 2.75rem; /* 44px */
py-11
padding-top: 2.75rem; /* 44px */ padding-bottom: 2.75rem; /* 44px */
ps-11
padding-inline-start: 2.75rem; /* 44px */
pe-11
padding-inline-end: 2.75rem; /* 44px */
pt-11
padding-top: 2.75rem; /* 44px */
pr-11
padding-right: 2.75rem; /* 44px */
pb-11
padding-bottom: 2.75rem; /* 44px */
pl-11
padding-left: 2.75rem; /* 44px */
p-12
padding: 3rem; /* 48px */
px-12
padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */
py-12
padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */
ps-12
padding-inline-start: 3rem; /* 48px */
pe-12
padding-inline-end: 3rem; /* 48px */
pt-12
padding-top: 3rem; /* 48px */
pr-12
padding-right: 3rem; /* 48px */
pb-12
padding-bottom: 3rem; /* 48px */
pl-12
padding-left: 3rem; /* 48px */
p-14
padding: 3.5rem; /* 56px */
px-14
padding-left: 3.5rem; /* 56px */ padding-right: 3.5rem; /* 56px */
py-14
padding-top: 3.5rem; /* 56px */ padding-bottom: 3.5rem; /* 56px */
ps-14
padding-inline-start: 3.5rem; /* 56px */
pe-14
padding-inline-end: 3.5rem; /* 56px */
pt-14
padding-top: 3.5rem; /* 56px */
pr-14
padding-right: 3.5rem; /* 56px */
pb-14
padding-bottom: 3.5rem; /* 56px */
pl-14
padding-left: 3.5rem; /* 56px */
p-16
padding: 4rem; /* 64px */
px-16
padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */
py-16
padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */
ps-16
padding-inline-start: 4rem; /* 64px */
pe-16
padding-inline-end: 4rem; /* 64px */
pt-16
padding-top: 4rem; /* 64px */
pr-16
padding-right: 4rem; /* 64px */
pb-16
padding-bottom: 4rem; /* 64px */
pl-16
padding-left: 4rem; /* 64px */
p-20
padding: 5rem; /* 80px */
px-20
padding-left: 5rem; /* 80px */ padding-right: 5rem; /* 80px */
py-20
padding-top: 5rem; /* 80px */ padding-bottom: 5rem; /* 80px */
ps-20
padding-inline-start: 5rem; /* 80px */
pe-20
padding-inline-end: 5rem; /* 80px */
pt-20
padding-top: 5rem; /* 80px */
pr-20
padding-right: 5rem; /* 80px */
pb-20
padding-bottom: 5rem; /* 80px */
pl-20
padding-left: 5rem; /* 80px */
p-24
padding: 6rem; /* 96px */
px-24
padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */
py-24
padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */
ps-24
padding-inline-start: 6rem; /* 96px */
pe-24
padding-inline-end: 6rem; /* 96px */
pt-24
padding-top: 6rem; /* 96px */
pr-24
padding-right: 6rem; /* 96px */
pb-24
padding-bottom: 6rem; /* 96px */
pl-24
padding-left: 6rem; /* 96px */
p-28
padding: 7rem; /* 112px */
px-28
padding-left: 7rem; /* 112px */ padding-right: 7rem; /* 112px */
py-28
padding-top: 7rem; /* 112px */ padding-bottom: 7rem; /* 112px */
ps-28
padding-inline-start: 7rem; /* 112px */
pe-28
padding-inline-end: 7rem; /* 112px */
pt-28
padding-top: 7rem; /* 112px */
pr-28
padding-right: 7rem; /* 112px */
pb-28
padding-bottom: 7rem; /* 112px */
pl-28
padding-left: 7rem; /* 112px */
p-32
padding: 8rem; /* 128px */
px-32
padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */
py-32
padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */
ps-32
padding-inline-start: 8rem; /* 128px */
pe-32
padding-inline-end: 8rem; /* 128px */
pt-32
padding-top: 8rem; /* 128px */
pr-32
padding-right: 8rem; /* 128px */
pb-32
padding-bottom: 8rem; /* 128px */
pl-32
padding-left: 8rem; /* 128px */
p-36
padding: 9rem; /* 144px */
px-36
padding-left: 9rem; /* 144px */ padding-right: 9rem; /* 144px */
py-36
padding-top: 9rem; /* 144px */ padding-bottom: 9rem; /* 144px */
ps-36
padding-inline-start: 9rem; /* 144px */
pe-36
padding-inline-end: 9rem; /* 144px */
pt-36
padding-top: 9rem; /* 144px */
pr-36
padding-right: 9rem; /* 144px */
pb-36
padding-bottom: 9rem; /* 144px */
pl-36
padding-left: 9rem; /* 144px */
p-40
padding: 10rem; /* 160px */
px-40
padding-left: 10rem; /* 160px */ padding-right: 10rem; /* 160px */
py-40
padding-top: 10rem; /* 160px */ padding-bottom: 10rem; /* 160px */
ps-40
padding-inline-start: 10rem; /* 160px */
pe-40
padding-inline-end: 10rem; /* 160px */
pt-40
padding-top: 10rem; /* 160px */
pr-40
padding-right: 10rem; /* 160px */
pb-40
padding-bottom: 10rem; /* 160px */
pl-40
padding-left: 10rem; /* 160px */
p-44
padding: 11rem; /* 176px */
px-44
padding-left: 11rem; /* 176px */ padding-right: 11rem; /* 176px */
py-44
padding-top: 11rem; /* 176px */ padding-bottom: 11rem; /* 176px */
ps-44
padding-inline-start: 11rem; /* 176px */
pe-44
padding-inline-end: 11rem; /* 176px */
pt-44
padding-top: 11rem; /* 176px */
pr-44
padding-right: 11rem; /* 176px */
pb-44
padding-bottom: 11rem; /* 176px */
pl-44
padding-left: 11rem; /* 176px */
p-48
padding: 12rem; /* 192px */
px-48
padding-left: 12rem; /* 192px */ padding-right: 12rem; /* 192px */
py-48
padding-top: 12rem; /* 192px */ padding-bottom: 12rem; /* 192px */
ps-48
padding-inline-start: 12rem; /* 192px */
pe-48
padding-inline-end: 12rem; /* 192px */
pt-48
padding-top: 12rem; /* 192px */
pr-48
padding-right: 12rem; /* 192px */
pb-48
padding-bottom: 12rem; /* 192px */
pl-48
padding-left: 12rem; /* 192px */
p-52
padding: 13rem; /* 208px */
px-52
padding-left: 13rem; /* 208px */ padding-right: 13rem; /* 208px */
py-52
padding-top: 13rem; /* 208px */ padding-bottom: 13rem; /* 208px */
ps-52
padding-inline-start: 13rem; /* 208px */
pe-52
padding-inline-end: 13rem; /* 208px */
pt-52
padding-top: 13rem; /* 208px */
pr-52
padding-right: 13rem; /* 208px */
pb-52
padding-bottom: 13rem; /* 208px */
pl-52
padding-left: 13rem; /* 208px */
p-56
padding: 14rem; /* 224px */
px-56
padding-left: 14rem; /* 224px */ padding-right: 14rem; /* 224px */
py-56
padding-top: 14rem; /* 224px */ padding-bottom: 14rem; /* 224px */
ps-56
padding-inline-start: 14rem; /* 224px */
pe-56
padding-inline-end: 14rem; /* 224px */
pt-56
padding-top: 14rem; /* 224px */
pr-56
padding-right: 14rem; /* 224px */
pb-56
padding-bottom: 14rem; /* 224px */
pl-56
padding-left: 14rem; /* 224px */
p-60
padding: 15rem; /* 240px */
px-60
padding-left: 15rem; /* 240px */ padding-right: 15rem; /* 240px */
py-60
padding-top: 15rem; /* 240px */ padding-bottom: 15rem; /* 240px */
ps-60
padding-inline-start: 15rem; /* 240px */
pe-60
padding-inline-end: 15rem; /* 240px */
pt-60
padding-top: 15rem; /* 240px */
pr-60
padding-right: 15rem; /* 240px */
pb-60
padding-bottom: 15rem; /* 240px */
pl-60
padding-left: 15rem; /* 240px */
p-64
padding: 16rem; /* 256px */
px-64
padding-left: 16rem; /* 256px */ padding-right: 16rem; /* 256px */
py-64
padding-top: 16rem; /* 256px */ padding-bottom: 16rem; /* 256px */
ps-64
padding-inline-start: 16rem; /* 256px */
pe-64
padding-inline-end: 16rem; /* 256px */
pt-64
padding-top: 16rem; /* 256px */
pr-64
padding-right: 16rem; /* 256px */
pb-64
padding-bottom: 16rem; /* 256px */
pl-64
padding-left: 16rem; /* 256px */
p-72
padding: 18rem; /* 288px */
px-72
padding-left: 18rem; /* 288px */ padding-right: 18rem; /* 288px */
py-72
padding-top: 18rem; /* 288px */ padding-bottom: 18rem; /* 288px */
ps-72
padding-inline-start: 18rem; /* 288px */
pe-72
padding-inline-end: 18rem; /* 288px */
pt-72
padding-top: 18rem; /* 288px */
pr-72
padding-right: 18rem; /* 288px */
pb-72
padding-bottom: 18rem; /* 288px */
pl-72
padding-left: 18rem; /* 288px */
p-80
padding: 20rem; /* 320px */
px-80
padding-left: 20rem; /* 320px */ padding-right: 20rem; /* 320px */
py-80
padding-top: 20rem; /* 320px */ padding-bottom: 20rem; /* 320px */
ps-80
padding-inline-start: 20rem; /* 320px */
pe-80
padding-inline-end: 20rem; /* 320px */
pt-80
padding-top: 20rem; /* 320px */
pr-80
padding-right: 20rem; /* 320px */
pb-80
padding-bottom: 20rem; /* 320px */
pl-80
padding-left: 20rem; /* 320px */
p-96
padding: 24rem; /* 384px */
px-96
padding-left: 24rem; /* 384px */ padding-right: 24rem; /* 384px */
py-96
padding-top: 24rem; /* 384px */ padding-bottom: 24rem; /* 384px */
ps-96
padding-inline-start: 24rem; /* 384px */
pe-96
padding-inline-end: 24rem; /* 384px */
pt-96
padding-top: 24rem; /* 384px */
pr-96
padding-right: 24rem; /* 384px */
pb-96
padding-bottom: 24rem; /* 384px */
pl-96
padding-left: 24rem; /* 384px */

Margin

Class
Properties
m-0
margin: 0px;
mx-0
margin-left: 0px; margin-right: 0px;
my-0
margin-top: 0px; margin-bottom: 0px;
ms-0
margin-inline-start: 0px;
me-0
margin-inline-end: 0px;
mt-0
margin-top: 0px;
mr-0
margin-right: 0px;
mb-0
margin-bottom: 0px;
ml-0
margin-left: 0px;
m-px
margin: 1px;
mx-px
margin-left: 1px; margin-right: 1px;
my-px
margin-top: 1px; margin-bottom: 1px;
ms-px
margin-inline-start: 1px;
me-px
margin-inline-end: 1px;
mt-px
margin-top: 1px;
mr-px
margin-right: 1px;
mb-px
margin-bottom: 1px;
ml-px
margin-left: 1px;
m-0.5
margin: 0.125rem; /* 2px */
mx-0.5
margin-left: 0.125rem; /* 2px */ margin-right: 0.125rem; /* 2px */
my-0.5
margin-top: 0.125rem; /* 2px */ margin-bottom: 0.125rem; /* 2px */
ms-0.5
margin-inline-start: 0.125rem; /* 2px */
me-0.5
margin-inline-end: 0.125rem; /* 2px */
mt-0.5
margin-top: 0.125rem; /* 2px */
mr-0.5
margin-right: 0.125rem; /* 2px */
mb-0.5
margin-bottom: 0.125rem; /* 2px */
ml-0.5
margin-left: 0.125rem; /* 2px */
m-1
margin: 0.25rem; /* 4px */
mx-1
margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */
my-1
margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */
ms-1
margin-inline-start: 0.25rem; /* 4px */
me-1
margin-inline-end: 0.25rem; /* 4px */
mt-1
margin-top: 0.25rem; /* 4px */
mr-1
margin-right: 0.25rem; /* 4px */
mb-1
margin-bottom: 0.25rem; /* 4px */
ml-1
margin-left: 0.25rem; /* 4px */
m-1.5
margin: 0.375rem; /* 6px */
mx-1.5
margin-left: 0.375rem; /* 6px */ margin-right: 0.375rem; /* 6px */
my-1.5
margin-top: 0.375rem; /* 6px */ margin-bottom: 0.375rem; /* 6px */
ms-1.5
margin-inline-start: 0.375rem; /* 6px */
me-1.5
margin-inline-end: 0.375rem; /* 6px */
mt-1.5
margin-top: 0.375rem; /* 6px */
mr-1.5
margin-right: 0.375rem; /* 6px */
mb-1.5
margin-bottom: 0.375rem; /* 6px */
ml-1.5
margin-left: 0.375rem; /* 6px */
m-2
margin: 0.5rem; /* 8px */
mx-2
margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */
my-2
margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */
ms-2
margin-inline-start: 0.5rem; /* 8px */
me-2
margin-inline-end: 0.5rem; /* 8px */
mt-2
margin-top: 0.5rem; /* 8px */
mr-2
margin-right: 0.5rem; /* 8px */
mb-2
margin-bottom: 0.5rem; /* 8px */
ml-2
margin-left: 0.5rem; /* 8px */
m-2.5
margin: 0.625rem; /* 10px */
mx-2.5
margin-left: 0.625rem; /* 10px */ margin-right: 0.625rem; /* 10px */
my-2.5
margin-top: 0.625rem; /* 10px */ margin-bottom: 0.625rem; /* 10px */
ms-2.5
margin-inline-start: 0.625rem; /* 10px */
me-2.5
margin-inline-end: 0.625rem; /* 10px */
mt-2.5
margin-top: 0.625rem; /* 10px */
mr-2.5
margin-right: 0.625rem; /* 10px */
mb-2.5
margin-bottom: 0.625rem; /* 10px */
ml-2.5
margin-left: 0.625rem; /* 10px */
m-3
margin: 0.75rem; /* 12px */
mx-3
margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */
my-3
margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */
ms-3
margin-inline-start: 0.75rem; /* 12px */
me-3
margin-inline-end: 0.75rem; /* 12px */
mt-3
margin-top: 0.75rem; /* 12px */
mr-3
margin-right: 0.75rem; /* 12px */
mb-3
margin-bottom: 0.75rem; /* 12px */
ml-3
margin-left: 0.75rem; /* 12px */
m-3.5
margin: 0.875rem; /* 14px */
mx-3.5
margin-left: 0.875rem; /* 14px */ margin-right: 0.875rem; /* 14px */
my-3.5
margin-top: 0.875rem; /* 14px */ margin-bottom: 0.875rem; /* 14px */
ms-3.5
margin-inline-start: 0.875rem; /* 14px */
me-3.5
margin-inline-end: 0.875rem; /* 14px */
mt-3.5
margin-top: 0.875rem; /* 14px */
mr-3.5
margin-right: 0.875rem; /* 14px */
mb-3.5
margin-bottom: 0.875rem; /* 14px */
ml-3.5
margin-left: 0.875rem; /* 14px */
m-4
margin: 1rem; /* 16px */
mx-4
margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */
my-4
margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */
ms-4
margin-inline-start: 1rem; /* 16px */
me-4
margin-inline-end: 1rem; /* 16px */
mt-4
margin-top: 1rem; /* 16px */
mr-4
margin-right: 1rem; /* 16px */
mb-4
margin-bottom: 1rem; /* 16px */
ml-4
margin-left: 1rem; /* 16px */
m-5
margin: 1.25rem; /* 20px */
mx-5
margin-left: 1.25rem; /* 20px */ margin-right: 1.25rem; /* 20px */
my-5
margin-top: 1.25rem; /* 20px */ margin-bottom: 1.25rem; /* 20px */
ms-5
margin-inline-start: 1.25rem; /* 20px */
me-5
margin-inline-end: 1.25rem; /* 20px */
mt-5
margin-top: 1.25rem; /* 20px */
mr-5
margin-right: 1.25rem; /* 20px */
mb-5
margin-bottom: 1.25rem; /* 20px */
ml-5
margin-left: 1.25rem; /* 20px */
m-6
margin: 1.5rem; /* 24px */
mx-6
margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */
my-6
margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */
ms-6
margin-inline-start: 1.5rem; /* 24px */
me-6
margin-inline-end: 1.5rem; /* 24px */
mt-6
margin-top: 1.5rem; /* 24px */
mr-6
margin-right: 1.5rem; /* 24px */
mb-6
margin-bottom: 1.5rem; /* 24px */
ml-6
margin-left: 1.5rem; /* 24px */
m-7
margin: 1.75rem; /* 28px */
mx-7
margin-left: 1.75rem; /* 28px */ margin-right: 1.75rem; /* 28px */
my-7
margin-top: 1.75rem; /* 28px */ margin-bottom: 1.75rem; /* 28px */
ms-7
margin-inline-start: 1.75rem; /* 28px */
me-7
margin-inline-end: 1.75rem; /* 28px */
mt-7
margin-top: 1.75rem; /* 28px */
mr-7
margin-right: 1.75rem; /* 28px */
mb-7
margin-bottom: 1.75rem; /* 28px */
ml-7
margin-left: 1.75rem; /* 28px */
m-8
margin: 2rem; /* 32px */
mx-8
margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */
my-8
margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */
ms-8
margin-inline-start: 2rem; /* 32px */
me-8
margin-inline-end: 2rem; /* 32px */
mt-8
margin-top: 2rem; /* 32px */
mr-8
margin-right: 2rem; /* 32px */
mb-8
margin-bottom: 2rem; /* 32px */
ml-8
margin-left: 2rem; /* 32px */
m-9
margin: 2.25rem; /* 36px */
mx-9
margin-left: 2.25rem; /* 36px */ margin-right: 2.25rem; /* 36px */
my-9
margin-top: 2.25rem; /* 36px */ margin-bottom: 2.25rem; /* 36px */
ms-9
margin-inline-start: 2.25rem; /* 36px */
me-9
margin-inline-end: 2.25rem; /* 36px */
mt-9
margin-top: 2.25rem; /* 36px */
mr-9
margin-right: 2.25rem; /* 36px */
mb-9
margin-bottom: 2.25rem; /* 36px */
ml-9
margin-left: 2.25rem; /* 36px */
m-10
margin: 2.5rem; /* 40px */
mx-10
margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */
my-10
margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */
ms-10
margin-inline-start: 2.5rem; /* 40px */
me-10
margin-inline-end: 2.5rem; /* 40px */
mt-10
margin-top: 2.5rem; /* 40px */
mr-10
margin-right: 2.5rem; /* 40px */
mb-10
margin-bottom: 2.5rem; /* 40px */
ml-10
margin-left: 2.5rem; /* 40px */
m-11
margin: 2.75rem; /* 44px */
mx-11
margin-left: 2.75rem; /* 44px */ margin-right: 2.75rem; /* 44px */
my-11
margin-top: 2.75rem; /* 44px */ margin-bottom: 2.75rem; /* 44px */
ms-11
margin-inline-start: 2.75rem; /* 44px */
me-11
margin-inline-end: 2.75rem; /* 44px */
mt-11
margin-top: 2.75rem; /* 44px */
mr-11
margin-right: 2.75rem; /* 44px */
mb-11
margin-bottom: 2.75rem; /* 44px */
ml-11
margin-left: 2.75rem; /* 44px */
m-12
margin: 3rem; /* 48px */
mx-12
margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */
my-12
margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */
ms-12
margin-inline-start: 3rem; /* 48px */
me-12
margin-inline-end: 3rem; /* 48px */
mt-12
margin-top: 3rem; /* 48px */
mr-12
margin-right: 3rem; /* 48px */
mb-12
margin-bottom: 3rem; /* 48px */
ml-12
margin-left: 3rem; /* 48px */
m-14
margin: 3.5rem; /* 56px */
mx-14
margin-left: 3.5rem; /* 56px */ margin-right: 3.5rem; /* 56px */
my-14
margin-top: 3.5rem; /* 56px */ margin-bottom: 3.5rem; /* 56px */
ms-14
margin-inline-start: 3.5rem; /* 56px */
me-14
margin-inline-end: 3.5rem; /* 56px */
mt-14
margin-top: 3.5rem; /* 56px */
mr-14
margin-right: 3.5rem; /* 56px */
mb-14
margin-bottom: 3.5rem; /* 56px */
ml-14
margin-left: 3.5rem; /* 56px */
m-16
margin: 4rem; /* 64px */
mx-16
margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */
my-16
margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */
ms-16
margin-inline-start: 4rem; /* 64px */
me-16
margin-inline-end: 4rem; /* 64px */
mt-16
margin-top: 4rem; /* 64px */
mr-16
margin-right: 4rem; /* 64px */
mb-16
margin-bottom: 4rem; /* 64px */
ml-16
margin-left: 4rem; /* 64px */
m-20
margin: 5rem; /* 80px */
mx-20
margin-left: 5rem; /* 80px */ margin-right: 5rem; /* 80px */
my-20
margin-top: 5rem; /* 80px */ margin-bottom: 5rem; /* 80px */
ms-20
margin-inline-start: 5rem; /* 80px */
me-20
margin-inline-end: 5rem; /* 80px */
mt-20
margin-top: 5rem; /* 80px */
mr-20
margin-right: 5rem; /* 80px */
mb-20
margin-bottom: 5rem; /* 80px */
ml-20
margin-left: 5rem; /* 80px */
m-24
margin: 6rem; /* 96px */
mx-24
margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */
my-24
margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */
ms-24
margin-inline-start: 6rem; /* 96px */
me-24
margin-inline-end: 6rem; /* 96px */
mt-24
margin-top: 6rem; /* 96px */
mr-24
margin-right: 6rem; /* 96px */
mb-24
margin-bottom: 6rem; /* 96px */
ml-24
margin-left: 6rem; /* 96px */
m-28
margin: 7rem; /* 112px */
mx-28
margin-left: 7rem; /* 112px */ margin-right: 7rem; /* 112px */
my-28
margin-top: 7rem; /* 112px */ margin-bottom: 7rem; /* 112px */
ms-28
margin-inline-start: 7rem; /* 112px */
me-28
margin-inline-end: 7rem; /* 112px */
mt-28
margin-top: 7rem; /* 112px */
mr-28
margin-right: 7rem; /* 112px */
mb-28
margin-bottom: 7rem; /* 112px */
ml-28
margin-left: 7rem; /* 112px */
m-32
margin: 8rem; /* 128px */
mx-32
margin-left: 8rem; /* 128px */ margin-right: 8rem; /* 128px */
my-32
margin-top: 8rem; /* 128px */ margin-bottom: 8rem; /* 128px */
ms-32
margin-inline-start: 8rem; /* 128px */
me-32
margin-inline-end: 8rem; /* 128px */
mt-32
margin-top: 8rem; /* 128px */
mr-32
margin-right: 8rem; /* 128px */
mb-32
margin-bottom: 8rem; /* 128px */
ml-32
margin-left: 8rem; /* 128px */
m-36
margin: 9rem; /* 144px */
mx-36
margin-left: 9rem; /* 144px */ margin-right: 9rem; /* 144px */
my-36
margin-top: 9rem; /* 144px */ margin-bottom: 9rem; /* 144px */
ms-36
margin-inline-start: 9rem; /* 144px */
me-36
margin-inline-end: 9rem; /* 144px */
mt-36
margin-top: 9rem; /* 144px */
mr-36
margin-right: 9rem; /* 144px */
mb-36
margin-bottom: 9rem; /* 144px */
ml-36
margin-left: 9rem; /* 144px */
m-40
margin: 10rem; /* 160px */
mx-40
margin-left: 10rem; /* 160px */ margin-right: 10rem; /* 160px */
my-40
margin-top: 10rem; /* 160px */ margin-bottom: 10rem; /* 160px */
ms-40
margin-inline-start: 10rem; /* 160px */
me-40
margin-inline-end: 10rem; /* 160px */
mt-40
margin-top: 10rem; /* 160px */
mr-40
margin-right: 10rem; /* 160px */
mb-40
margin-bottom: 10rem; /* 160px */
ml-40
margin-left: 10rem; /* 160px */
m-44
margin: 11rem; /* 176px */
mx-44
margin-left: 11rem; /* 176px */ margin-right: 11rem; /* 176px */
my-44
margin-top: 11rem; /* 176px */ margin-bottom: 11rem; /* 176px */
ms-44
margin-inline-start: 11rem; /* 176px */
me-44
margin-inline-end: 11rem; /* 176px */
mt-44
margin-top: 11rem; /* 176px */
mr-44
margin-right: 11rem; /* 176px */
mb-44
margin-bottom: 11rem; /* 176px */
ml-44
margin-left: 11rem; /* 176px */
m-48
margin: 12rem; /* 192px */
mx-48
margin-left: 12rem; /* 192px */ margin-right: 12rem; /* 192px */
my-48
margin-top: 12rem; /* 192px */ margin-bottom: 12rem; /* 192px */
ms-48
margin-inline-start: 12rem; /* 192px */
me-48
margin-inline-end: 12rem; /* 192px */
mt-48
margin-top: 12rem; /* 192px */
mr-48
margin-right: 12rem; /* 192px */
mb-48
margin-bottom: 12rem; /* 192px */
ml-48
margin-left: 12rem; /* 192px */
m-52
margin: 13rem; /* 208px */
mx-52
margin-left: 13rem; /* 208px */ margin-right: 13rem; /* 208px */
my-52
margin-top: 13rem; /* 208px */ margin-bottom: 13rem; /* 208px */
ms-52
margin-inline-start: 13rem; /* 208px */
me-52
margin-inline-end: 13rem; /* 208px */
mt-52
margin-top: 13rem; /* 208px */
mr-52
margin-right: 13rem; /* 208px */
mb-52
margin-bottom: 13rem; /* 208px */
ml-52
margin-left: 13rem; /* 208px */
m-56
margin: 14rem; /* 224px */
mx-56
margin-left: 14rem; /* 224px */ margin-right: 14rem; /* 224px */
my-56
margin-top: 14rem; /* 224px */ margin-bottom: 14rem; /* 224px */
ms-56
margin-inline-start: 14rem; /* 224px */
me-56
margin-inline-end: 14rem; /* 224px */
mt-56
margin-top: 14rem; /* 224px */
mr-56
margin-right: 14rem; /* 224px */
mb-56
margin-bottom: 14rem; /* 224px */
ml-56
margin-left: 14rem; /* 224px */
m-60
margin: 15rem; /* 240px */
mx-60
margin-left: 15rem; /* 240px */ margin-right: 15rem; /* 240px */
my-60
margin-top: 15rem; /* 240px */ margin-bottom: 15rem; /* 240px */
ms-60
margin-inline-start: 15rem; /* 240px */
me-60
margin-inline-end: 15rem; /* 240px */
mt-60
margin-top: 15rem; /* 240px */
mr-60
margin-right: 15rem; /* 240px */
mb-60
margin-bottom: 15rem; /* 240px */
ml-60
margin-left: 15rem; /* 240px */
m-64
margin: 16rem; /* 256px */
mx-64
margin-left: 16rem; /* 256px */ margin-right: 16rem; /* 256px */
my-64
margin-top: 16rem; /* 256px */ margin-bottom: 16rem; /* 256px */
ms-64
margin-inline-start: 16rem; /* 256px */
me-64
margin-inline-end: 16rem; /* 256px */
mt-64
margin-top: 16rem; /* 256px */
mr-64
margin-right: 16rem; /* 256px */
mb-64
margin-bottom: 16rem; /* 256px */
ml-64
margin-left: 16rem; /* 256px */
m-72
margin: 18rem; /* 288px */
mx-72
margin-left: 18rem; /* 288px */ margin-right: 18rem; /* 288px */
my-72
margin-top: 18rem; /* 288px */ margin-bottom: 18rem; /* 288px */
ms-72
margin-inline-start: 18rem; /* 288px */
me-72
margin-inline-end: 18rem; /* 288px */
mt-72
margin-top: 18rem; /* 288px */
mr-72
margin-right: 18rem; /* 288px */
mb-72
margin-bottom: 18rem; /* 288px */
ml-72
margin-left: 18rem; /* 288px */
m-80
margin: 20rem; /* 320px */
mx-80
margin-left: 20rem; /* 320px */ margin-right: 20rem; /* 320px */
my-80
margin-top: 20rem; /* 320px */ margin-bottom: 20rem; /* 320px */
ms-80
margin-inline-start: 20rem; /* 320px */
me-80
margin-inline-end: 20rem; /* 320px */
mt-80
margin-top: 20rem; /* 320px */
mr-80
margin-right: 20rem; /* 320px */
mb-80
margin-bottom: 20rem; /* 320px */
ml-80
margin-left: 20rem; /* 320px */
m-96
margin: 24rem; /* 384px */
mx-96
margin-left: 24rem; /* 384px */ margin-right: 24rem; /* 384px */
my-96
margin-top: 24rem; /* 384px */ margin-bottom: 24rem; /* 384px */
ms-96
margin-inline-start: 24rem; /* 384px */
me-96
margin-inline-end: 24rem; /* 384px */
mt-96
margin-top: 24rem; /* 384px */
mr-96
margin-right: 24rem; /* 384px */
mb-96
margin-bottom: 24rem; /* 384px */
ml-96
margin-left: 24rem; /* 384px */
m-auto
margin: auto;
mx-auto
margin-left: auto; margin-right: auto;
my-auto
margin-top: auto; margin-bottom: auto;
ms-auto
margin-inline-start: auto;
me-auto
margin-inline-end: auto;
mt-auto
margin-top: auto;
mr-auto
margin-right: auto;
mb-auto
margin-bottom: auto;
ml-auto
margin-left: auto;

Space Between

Class
Properties
space-x-0 > * + *
margin-left: 0px;
space-y-0 > * + *
margin-top: 0px;
space-x-0.5 > * + *
margin-left: 0.125rem; /* 2px */
space-y-0.5 > * + *
margin-top: 0.125rem; /* 2px */
space-x-1 > * + *
margin-left: 0.25rem; /* 4px */
space-y-1 > * + *
margin-top: 0.25rem; /* 4px */
space-x-1.5 > * + *
margin-left: 0.375rem; /* 6px */
space-y-1.5 > * + *
margin-top: 0.375rem; /* 6px */
space-x-2 > * + *
margin-left: 0.5rem; /* 8px */
space-y-2 > * + *
margin-top: 0.5rem; /* 8px */
space-x-2.5 > * + *
margin-left: 0.625rem; /* 10px */
space-y-2.5 > * + *
margin-top: 0.625rem; /* 10px */
space-x-3 > * + *
margin-left: 0.75rem; /* 12px */
space-y-3 > * + *
margin-top: 0.75rem; /* 12px */
space-x-3.5 > * + *
margin-left: 0.875rem; /* 14px */
space-y-3.5 > * + *
margin-top: 0.875rem; /* 14px */
space-x-4 > * + *
margin-left: 1rem; /* 16px */
space-y-4 > * + *
margin-top: 1rem; /* 16px */
space-x-5 > * + *
margin-left: 1.25rem; /* 20px */
space-y-5 > * + *
margin-top: 1.25rem; /* 20px */
space-x-6 > * + *
margin-left: 1.5rem; /* 24px */
space-y-6 > * + *
margin-top: 1.5rem; /* 24px */
space-x-7 > * + *
margin-left: 1.75rem; /* 28px */
space-y-7 > * + *
margin-top: 1.75rem; /* 28px */
space-x-8 > * + *
margin-left: 2rem; /* 32px */
space-y-8 > * + *
margin-top: 2rem; /* 32px */
space-x-9 > * + *
margin-left: 2.25rem; /* 36px */
space-y-9 > * + *
margin-top: 2.25rem; /* 36px */
space-x-10 > * + *
margin-left: 2.5rem; /* 40px */
space-y-10 > * + *
margin-top: 2.5rem; /* 40px */
space-x-11 > * + *
margin-left: 2.75rem; /* 44px */
space-y-11 > * + *
margin-top: 2.75rem; /* 44px */
space-x-12 > * + *
margin-left: 3rem; /* 48px */
space-y-12 > * + *
margin-top: 3rem; /* 48px */
space-x-14 > * + *
margin-left: 3.5rem; /* 56px */
space-y-14 > * + *
margin-top: 3.5rem; /* 56px */
space-x-16 > * + *
margin-left: 4rem; /* 64px */
space-y-16 > * + *
margin-top: 4rem; /* 64px */
space-x-20 > * + *
margin-left: 5rem; /* 80px */
space-y-20 > * + *
margin-top: 5rem; /* 80px */
space-x-24 > * + *
margin-left: 6rem; /* 96px */
space-y-24 > * + *
margin-top: 6rem; /* 96px */
space-x-28 > * + *
margin-left: 7rem; /* 112px */
space-y-28 > * + *
margin-top: 7rem; /* 112px */
space-x-32 > * + *
margin-left: 8rem; /* 128px */
space-y-32 > * + *
margin-top: 8rem; /* 128px */
space-x-36 > * + *
margin-left: 9rem; /* 144px */
space-y-36 > * + *
margin-top: 9rem; /* 144px */
space-x-40 > * + *
margin-left: 10rem; /* 160px */
space-y-40 > * + *
margin-top: 10rem; /* 160px */
space-x-44 > * + *
margin-left: 11rem; /* 176px */
space-y-44 > * + *
margin-top: 11rem; /* 176px */
space-x-48 > * + *
margin-left: 12rem; /* 192px */
space-y-48 > * + *
margin-top: 12rem; /* 192px */
space-x-52 > * + *
margin-left: 13rem; /* 208px */
space-y-52 > * + *
margin-top: 13rem; /* 208px */
space-x-56 > * + *
margin-left: 14rem; /* 224px */
space-y-56 > * + *
margin-top: 14rem; /* 224px */
space-x-60 > * + *
margin-left: 15rem; /* 240px */
space-y-60 > * + *
margin-top: 15rem; /* 240px */
space-x-64 > * + *
margin-left: 16rem; /* 256px */
space-y-64 > * + *
margin-top: 16rem; /* 256px */
space-x-72 > * + *
margin-left: 18rem; /* 288px */
space-y-72 > * + *
margin-top: 18rem; /* 288px */
space-x-80 > * + *
margin-left: 20rem; /* 320px */
space-y-80 > * + *
margin-top: 20rem; /* 320px */
space-x-96 > * + *
margin-left: 24rem; /* 384px */
space-y-96 > * + *
margin-top: 24rem; /* 384px */
space-x-px > * + *
margin-left: 1px;
space-y-px > * + *
margin-top: 1px;
space-y-reverse > * + *
--tw-space-y-reverse: 1;
space-x-reverse > * + *
--tw-space-x-reverse: 1;
[tailwindcss] —— Sizing[tailwindcss] —— Flexbox & Grid
  • Twikoo