# Typography
https://github.com/tailwindlabs/tailwindcss-typography/tree/main
prose-sm 0.875rem: 14px
prose-base 1rem: 16px
prose-lg 1.125rem: 18px
prose-xl 1.25rem: 20px
prose-2xl 1.5rem: 24px
Element modifiers:
prose-headings:{utility} `h1`, `h2`, `h3`, `h4`, `th`
prose-lead:{utility} `[class~="lead"]`
prose-h1:{utility} `h1`
prose-h2:{utility} `h2`
prose-h3:{utility} `h3`
prose-h4:{utility} `h4`
prose-p:{utility} `p`
prose-a:{utility} `a`
prose-blockquote:{utility} `blockquote`
prose-figure:{utility} `figure`
prose-figcaption:{utility} `figcaption`
prose-strong:{utility} `strong`
prose-em:{utility} `em`
prose-kbd:{utility} `kbd`
prose-code:{utility} `code`
prose-pre:{utility} `pre`
prose-ol:{utility} `ol`
prose-ul:{utility} `ul`
prose-li:{utility} `li`
prose-table:{utility} `table`
prose-thead:{utility} `thead`
prose-tr:{utility} `tr`
prose-th:{utility} `th`
prose-td:{utility} `td`
prose-img:{utility} `img`
prose-video:{utility} `video`
prose-hr:{utility} `hr`
No max-w:
```html
...
```
Not prose
```html
...
```
---
# General Size
https://v3.tailwindcss.com/docs/size
Note:
size-px (width: 1px; / height: 1px;)
size-auto (width: auto; / height: auto;)
size-full (width: 100%; / height: 100%;)
size-min (width: min-content; / height: min-content;)
size-max (width: max-content; / height: max-content;)
size-fit (width: fit-content; / height: fit-content;)
General
0 | 14 | size-0 | size-1/12
1 | 16 | size-px | size-2/12
1.5 | 20 | size-auto | size-3/12
2 | 24 | size-1/2 | size-4/12
2.5 | 28 | size-1/3 | size-5/12
3 | 32 | size-2/3 | size-6/12
3.5 | 36 | size-1/4 | size-7/12
4 | 40 | size-2/4 | size-8/12
5 | 44 | size-3/4 | size-9/12
6 | 48 | size-1/5 | size-10/12
7 | 52 | size-2/5 | size-11/12
8 | 56 | size-3/5 | size-full
9 | 60 | size-4/5 | size-min
10 | 64 | size-1/6 | size-max
11 | 72 | size-2/6 | size-fit
12 | 80 | size-3/6 |
| 96 | size-4/6 |
| | size-5/6 |
---
# Width
https://v3.tailwindcss.com/docs/width
w-0 width: 0px;
w-px width: 1px;
w-0.5 width: 0.125rem; /* 2px */
w-1 width: 0.25rem; /* 4px */
w-1.5 width: 0.375rem; /* 6px */
w-2 width: 0.5rem; /* 8px */
w-2.5 width: 0.625rem; /* 10px */
w-3 width: 0.75rem; /* 12px */
w-3.5 width: 0.875rem; /* 14px */
w-4 width: 1rem; /* 16px */
w-5 width: 1.25rem; /* 20px */
w-6 width: 1.5rem; /* 24px */
w-7 width: 1.75rem; /* 28px */
w-8 width: 2rem; /* 32px */
w-9 width: 2.25rem; /* 36px */
w-10 width: 2.5rem; /* 40px */
w-11 width: 2.75rem; /* 44px */
w-12 width: 3rem; /* 48px */
w-14 width: 3.5rem; /* 56px */
w-16 width: 4rem; /* 64px */
w-20 width: 5rem; /* 80px */
w-24 width: 6rem; /* 96px */
w-28 width: 7rem; /* 112px */
w-32 width: 8rem; /* 128px */
w-36 width: 9rem; /* 144px */
w-40 width: 10rem; /* 160px */
w-44 width: 11rem; /* 176px */
w-48 width: 12rem; /* 192px */
w-52 width: 13rem; /* 208px */
w-56 width: 14rem; /* 224px */
w-60 width: 15rem; /* 240px */
w-64 width: 16rem; /* 256px */
w-72 width: 18rem; /* 288px */
w-80 width: 20rem; /* 320px */
w-96 width: 24rem; /* 384px */
w-auto width: auto;
w-full width: 100%;
w-screen width: 100vw;
w-svw width: 100svw;
w-lvw width: 100lvw;
w-dvw width: 100dvw;
w-min width: min-content;
w-max width: max-content;
---
# Height
https://v3.tailwindcss.com/docs/height
h-full height: 100%;
h-screen height: 100vh;
h-svh height: 100svh;
h-lvh height: 100lvh;
h-dvh height: 100dvh;
h-min height: min-content;
h-max height: max-content;
h-fit height: fit-content;
---
# Max-Width
https://v3.tailwindcss.com/docs/max-width
max-w-0 max-width: 0px;
max-w-px max-width: 1px;
max-w-0.5 max-width: 0.125rem; /* 2px */
max-w-1 max-width: 0.25rem; /* 4px */
max-w-1.5 max-width: 0.375rem; /* 6px */
max-w-2 max-width: 0.5rem; /* 8px */
max-w-2.5 max-width: 0.625rem; /* 10px */
max-w-3 max-width: 0.75rem; /* 12px */
max-w-3.5 max-width: 0.875rem; /* 14px */
max-w-4 max-width: 1rem; /* 16px */
max-w-5 max-width: 1.25rem; /* 20px */
max-w-6 max-width: 1.5rem; /* 24px */
max-w-7 max-width: 1.75rem; /* 28px */
max-w-8 max-width: 2rem; /* 32px */
max-w-9 max-width: 2.25rem; /* 36px */
max-w-10 max-width: 2.5rem; /* 40px */
max-w-11 max-width: 2.75rem; /* 44px */
max-w-12 max-width: 3rem; /* 48px */
max-w-14 max-width: 3.5rem; /* 56px */
max-w-16 max-width: 4rem; /* 64px */
max-w-20 max-width: 5rem; /* 80px */
max-w-24 max-width: 6rem; /* 96px */
max-w-28 max-width: 7rem; /* 112px */
max-w-32 max-width: 8rem; /* 128px */
max-w-36 max-width: 9rem; /* 144px */
max-w-40 max-width: 10rem; /* 160px */
max-w-44 max-width: 11rem; /* 176px */
max-w-48 max-width: 12rem; /* 192px */
max-w-52 max-width: 13rem; /* 208px */
max-w-56 max-width: 14rem; /* 224px */
max-w-60 max-width: 15rem; /* 240px */
max-w-64 max-width: 16rem; /* 256px */
max-w-72 max-width: 18rem; /* 288px */
max-w-80 max-width: 20rem; /* 320px */
max-w-96 max-width: 24rem; /* 384px */
max-w-none max-width: none;
max-w-xs max-width: 20rem; /* 320px */
max-w-sm max-width: 24rem; /* 384px */
max-w-md max-width: 28rem; /* 448px */
max-w-lg max-width: 32rem; /* 512px */
max-w-xl max-width: 36rem; /* 576px */
max-w-2xl max-width: 42rem; /* 672px */
max-w-3xl max-width: 48rem; /* 768px */
max-w-4xl max-width: 56rem; /* 896px */
max-w-5xl max-width: 64rem; /* 1024px */
max-w-6xl max-width: 72rem; /* 1152px */
max-w-7xl max-width: 80rem; /* 1280px */
max-w-full max-width: 100%;
max-w-min max-width: min-content;
max-w-max max-width: max-content;
max-w-fit max-width: fit-content;
max-w-prose max-width: 65ch;
max-w-screen-sm max-width: 640px;
max-w-screen-md max-width: 768px;
max-w-screen-lg max-width: 1024px;
max-w-screen-xl max-width: 1280px;
max-w-screen-2xl max-width: 1536px;
---
# Min-Width
https://v3.tailwindcss.com/docs/min-width
min-w-0 min-width: 0px;
min-w-1 min-width: 0.25rem; /* 4px */
min-w-2 min-width: 0.5rem; /* 8px */
min-w-3 min-width: 0.75rem; /* 12px */
min-w-4 min-width: 1rem; /* 16px */
min-w-5 min-width: 1.25rem; /* 20px */
min-w-6 min-width: 1.5rem; /* 24px */
min-w-7 min-width: 1.75rem; /* 28px */
min-w-8 min-width: 2rem; /* 32px */
min-w-9 min-width: 2.25rem; /* 36px */
min-w-10 min-width: 2.5rem; /* 40px */
min-w-11 min-width: 2.75rem; /* 44px */
min-w-12 min-width: 3rem; /* 48px */
min-w-14 min-width: 3.5rem; /* 56px */
min-w-16 min-width: 4rem; /* 64px */
min-w-20 min-width: 5rem; /* 80px */
min-w-24 min-width: 6rem; /* 96px */
min-w-28 min-width: 7rem; /* 112px */
min-w-32 min-width: 8rem; /* 128px */
min-w-36 min-width: 9rem; /* 144px */
min-w-40 min-width: 10rem; /* 160px */
min-w-44 min-width: 11rem; /* 176px */
min-w-48 min-width: 12rem; /* 192px */
min-w-52 min-width: 13rem; /* 208px */
min-w-56 min-width: 14rem; /* 224px */
min-w-60 min-width: 15rem; /* 240px */
min-w-64 min-width: 16rem; /* 256px */
min-w-72 min-width: 18rem; /* 288px */
min-w-80 min-width: 20rem; /* 320px */
min-w-96 min-width: 24rem; /* 384px */
min-w-px min-width: 1px;
min-w-0.5 min-width: 0.125rem; /* 2px */
min-w-1.5 min-width: 0.375rem; /* 6px */
min-w-2.5 min-width: 0.625rem; /* 10px */
min-w-3.5 min-width: 0.875rem; /* 14px */
min-w-full min-width: 100%;
min-w-min min-width: min-content;
min-w-max min-width: max-content;
min-w-fit min-width: fit-content;
---
# Line Height (Leading)
https://v3.tailwindcss.com/docs/line-height
leading-3 line-height: .75rem; /* 12px */
leading-4 line-height: 1rem; /* 16px */
leading-5 line-height: 1rem; /* 16px */
leading-6 line-height: 1.5rem; /* 24px */
leading-7 line-height: 1.75rem; /* 28px */
leading-8 line-height: 2rem; /* 32px */
leading-9 line-height: 2.25rem; /* 36px */
leading-10 line-height: 2.5rem; /* 40px */
leading-none line-height: 1;
leading-tight line-height: 1.25;
leading-snug line-height: 1.375;
leading-normal line-height: 1.5;
leading-relaxed line-height: 1.625;
leading-loose line-height: 2;
---
# Letter Spacing
https://v3.tailwindcss.com/docs/letter-spacing
tracking-tighter letter-spacing: -0.05em;
tracking-tight letter-spacing: -0.025em;
tracking-normal letter-spacing: 0em;
tracking-wide letter-spacing: 0.025em;
tracking-wider letter-spacing: 0.05em;
tracking-widest letter-spacing: 0.1em;
---
# Text Decoration, Style
https://v3.tailwindcss.com/docs/text-decoration
underline text-decoration-line: underline;
overline text-decoration-line: overline;
line-through text-decoration-line: line-through;
no-underline text-decoration-line: none;
---
# Text Decoration Style
https://v3.tailwindcss.com/docs/text-decoration-style
decoration-solid text-decoration-style: solid;
decoration-double text-decoration-style: double;
decoration-dotted text-decoration-style: dotted;
decoration-dashed text-decoration-style: dashed;
decoration-wavy text-decoration-style: wavy;
---
# Text Decoration Thickness
https://v3.tailwindcss.com/docs/text-decoration-thickness
decoration-auto text-decoration-thickness: auto;
decoration-from-font text-decoration-thickness: from-font;
decoration-0 text-decoration-thickness: 0px;
decoration-1 text-decoration-thickness: 1px;
decoration-2 text-decoration-thickness: 2px;
decoration-4 text-decoration-thickness: 4px;
decoration-8 text-decoration-thickness: 8px;
---
# Text Underline Offset
https://v3.tailwindcss.com/docs/text-underline-offset
underline-offset-auto text-underline-offset: auto;
underline-offset-0 text-underline-offset: 0px;
underline-offset-1 text-underline-offset: 1px;
underline-offset-2 text-underline-offset: 2px;
underline-offset-4 text-underline-offset: 4px;
underline-offset-8 text-underline-offset: 8px;
---
# Text Wrap
https://v3.tailwindcss.com/docs/text-wrap
text-wrap text-wrap: wrap;
text-nowrap text-wrap: nowrap;
text-balance text-wrap: balance;
text-pretty text-wrap: pretty;
---
# Text Indent
https://v3.tailwindcss.com/docs/text-indent
indent-0 text-indent: 0px;
indent-px text-indent: 1px;
indent-0.5 text-indent: 0.125rem; /* 2px */
indent-1 text-indent: 0.25rem; /* 4px */
indent-1.5 text-indent: 0.375rem; /* 6px */
indent-2 text-indent: 0.5rem; /* 8px */
indent-2.5 text-indent: 0.625rem; /* 10px */
indent-3 text-indent: 0.75rem; /* 12px */
indent-3.5 text-indent: 0.875rem; /* 14px */
indent-4 text-indent: 1rem; /* 16px */
indent-5 text-indent: 1.25rem; /* 20px */
indent-6 text-indent: 1.5rem; /* 24px */
indent-7 text-indent: 1.75rem; /* 28px */
indent-8 text-indent: 2rem; /* 32px */
indent-9 text-indent: 2.25rem; /* 36px */
indent-10 text-indent: 2.5rem; /* 40px */
indent-11 text-indent: 2.75rem; /* 44px */
indent-12 text-indent: 3rem; /* 48px */
indent-14 text-indent: 3.5rem; /* 56px */
indent-16 text-indent: 4rem; /* 64px */
indent-20 text-indent: 5rem; /* 80px */
indent-24 text-indent: 6rem; /* 96px */
indent-28 text-indent: 7rem; /* 112px */
indent-32 text-indent: 8rem; /* 128px */
indent-36 text-indent: 9rem; /* 144px */
indent-40 text-indent: 10rem; /* 160px */
indent-44 text-indent: 11rem; /* 176px */
indent-48 text-indent: 12rem; /* 192px */
indent-52 text-indent: 13rem; /* 208px */
indent-56 text-indent: 14rem; /* 224px */
indent-60 text-indent: 15rem; /* 240px */
indent-64 text-indent: 16rem; /* 256px */
indent-72 text-indent: 18rem; /* 288px */
indent-80 text-indent: 20rem; /* 320px */
indent-96 text-indent: 24rem; /* 384px */
---
# Whitespace
https://v3.tailwindcss.com/docs/whitespace
whitespace-normal white-space: normal;
whitespace-nowrap white-space: nowrap;
whitespace-pre white-space: pre;
whitespace-pre-line white-space: pre-line;
whitespace-pre-wrap white-space: pre-wrap;
whitespace-break-spaces white-space: break-spaces;
---
# Word Break
https://v3.tailwindcss.com/docs/word-break
break-normal overflow-wrap: normal;
word-break: normal;
break-words overflow-wrap: break-word;
break-all word-break: break-all;
break-keep word-break: keep-all;
# Font Style
https://v3.tailwindcss.com/docs/font-style
italic font-style: italic;
not-italic font-style: normal;
---
# Font Weight
https://v3.tailwindcss.com/docs/font-weight
font-thin font-weight: 100;
font-extralight font-weight: 200;
font-light font-weight: 300;
font-normal font-weight: 400;
font-medium font-weight: 500;
font-semibold font-weight: 600;
font-bold font-weight: 700;
font-extrabold font-weight: 800;
font-black font-weight: 900;
---
# Font Size
https://v3.tailwindcss.com/docs/font-size
text-xs font-size: 0.75rem; /* 12px */
line-height: 1rem; /* 16px */
text-sm font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
text-base font-size: 1rem; /* 16px */
line-height: 1.5rem; /* 24px */
text-lg font-size: 1.125rem; /* 18px */
line-height: 1.75rem; /* 28px */
text-xl font-size: 1.25rem; /* 20px */
line-height: 1.75rem; /* 28px */
text-2xl font-size: 1.5rem; /* 24px */
line-height: 2rem; /* 32px */
text-3xl font-size: 1.875rem; /* 30px */
line-height: 2.25rem; /* 36px */
text-4xl font-size: 2.25rem; /* 36px */
line-height: 2.5rem; /* 40px */
text-5xl font-size: 3rem; /* 48px */
line-height: 1;
text-6xl font-size: 3.75rem; /* 60px */
line-height: 1;
text-7xl font-size: 4.5rem; /* 72px */
line-height: 1;
text-8xl font-size: 6rem; /* 96px */
line-height: 1;
text-9xl font-size: 8rem; /* 128px */
line-height: 1;
---
# Margin, Padding
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 */
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;
---
# Shadow
https://v3.tailwindcss.com/docs/box-shadow
shadow-sm box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
shadow box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
shadow-md box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
shadow-lg box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
shadow-xl box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
shadow-2xl box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
shadow-inner box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
shadow-none box-shadow: 0 0 #0000;
---
# Font Variant Numeric
https://v3.tailwindcss.com/docs/font-variant-numeric
normal-nums font-variant-numeric: normal;
ordinal font-variant-numeric: ordinal;
slashed-zero font-variant-numeric: slashed-zero;
lining-nums font-variant-numeric: lining-nums;
oldstyle-nums font-variant-numeric: oldstyle-nums;
proportional-nums font-variant-numeric: proportional-nums;
tabular-nums font-variant-numeric: tabular-nums;
diagonal-fractions font-variant-numeric: diagonal-fractions;
stacked-fractions font-variant-numeric: stacked-fractions;
---
# Space Between
https://v3.tailwindcss.com/docs/space
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;
---
# Backgrounds
## Background Repeat
https://v3.tailwindcss.com/docs/background-repeat
bg-repeat background-repeat: repeat;
bg-no-repeat background-repeat: no-repeat;
bg-repeat-x background-repeat: repeat-x;
bg-repeat-y background-repeat: repeat-y;
bg-repeat-round background-repeat: round;
bg-repeat-space background-repeat: space;
## Background Position
https://v3.tailwindcss.com/docs/background-position
bg-bottom background-position: bottom;
bg-center background-position: center;
bg-left background-position: left;
bg-left-bottom background-position: left bottom;
bg-left-top background-position: left top;
bg-right background-position: right;
bg-right-bottom background-position: right bottom;
bg-right-top background-position: right top;
bg-top background-position: top;
## Background Size
https://v3.tailwindcss.com/docs/background-size
bg-auto background-size: auto;
bg-cover background-size: cover;
bg-contain background-size: contain;
---
## Border Radius
https://v3.tailwindcss.com/docs/border-radius
rounded-none border-radius: 0px;
rounded-sm border-radius: 0.125rem; /* 2px */
rounded border-radius: 0.25rem; /* 4px */
rounded-md border-radius: 0.375rem; /* 6px */
rounded-lg border-radius: 0.5rem; /* 8px */
rounded-xl border-radius: 0.75rem; /* 12px */
rounded-2xl border-radius: 1rem; /* 16px */
rounded-3xl border-radius: 1.5rem; /* 24px */
rounded-full border-radius: 9999px;
rounded-s-none
rounded-s-sm
rounded-s
rounded-s-md
rounded-s-lg
rounded-s-xl
rounded-s-2xl
rounded-s-3xl
rounded-s-full
rounded-e-none
rounded-e-sm
rounded-e
rounded-e-md
rounded-e-lg
rounded-e-xl
rounded-e-2xl
rounded-e-3xl
rounded-e-full
rounded-t-none
rounded-t-sm
rounded-t
rounded-t-md
rounded-t-lg
rounded-t-xl
rounded-t-2xl
rounded-t-3xl
rounded-t-full
rounded-r-none
rounded-r-sm
rounded-r
rounded-r-md
rounded-r-lg
rounded-r-xl
rounded-r-2xl
rounded-r-3xl
rounded-r-full
rounded-b-none
rounded-b-sm
rounded-b
rounded-b-md
rounded-b-lg
rounded-b-xl
rounded-b-2xl
rounded-b-3xl
rounded-b-full
rounded-l-none
rounded-l-sm
rounded-l
rounded-l-md
rounded-l-lg
rounded-l-xl
rounded-l-2xl
rounded-l-3xl
rounded-l-full
rounded-ss-none
rounded-ss-sm
rounded-ss
rounded-ss-md border-start-start-radius: 0.375rem; /* 6px */
rounded-ss-lg border-start-start-radius: 0.5rem; /* 8px */
rounded-ss-xl border-start-start-radius: 0.75rem; /* 12px */
rounded-ss-2xl border-start-start-radius: 1rem; /* 16px */
rounded-ss-3xl border-start-start-radius: 1.5rem; /* 24px */
rounded-ss-full border-start-start-radius: 9999px;
rounded-se-none border-start-end-radius: 0px;
rounded-se-sm border-start-end-radius: 0.125rem; /* 2px */
rounded-se border-start-end-radius: 0.25rem; /* 4px */
rounded-se-md border-start-end-radius: 0.375rem; /* 6px */
rounded-se-lg border-start-end-radius: 0.5rem; /* 8px */
rounded-se-xl border-start-end-radius: 0.75rem; /* 12px */
rounded-se-2xl border-start-end-radius: 1rem; /* 16px */
rounded-se-3xl border-start-end-radius: 1.5rem; /* 24px */
rounded-se-full border-start-end-radius: 9999px;
rounded-ee-none border-end-end-radius: 0px;
rounded-ee-sm border-end-end-radius: 0.125rem; /* 2px */
rounded-ee border-end-end-radius: 0.25rem; /* 4px */
rounded-ee-md border-end-end-radius: 0.375rem; /* 6px */
rounded-ee-lg border-end-end-radius: 0.5rem; /* 8px */
rounded-ee-xl border-end-end-radius: 0.75rem; /* 12px */
rounded-ee-2xl border-end-end-radius: 1rem; /* 16px */
rounded-ee-3xl border-end-end-radius: 1.5rem; /* 24px */
rounded-ee-full border-end-end-radius: 9999px;
rounded-es-none border-end-start-radius: 0px;
rounded-es-sm border-end-start-radius: 0.125rem; /* 2px */
rounded-es border-end-start-radius: 0.25rem; /* 4px */
rounded-es-md border-end-start-radius: 0.375rem; /* 6px */
rounded-es-lg border-end-start-radius: 0.5rem; /* 8px */
rounded-es-xl border-end-start-radius: 0.75rem; /* 12px */
rounded-es-2xl border-end-start-radius: 1rem; /* 16px */
rounded-es-3xl border-end-start-radius: 1.5rem; /* 24px */
rounded-es-full border-end-start-radius: 9999px;
rounded-tl-none border-top-left-radius: 0px;
rounded-tl-sm border-top-left-radius: 0.125rem; /* 2px */
rounded-tl border-top-left-radius: 0.25rem; /* 4px */
rounded-tl-md border-top-left-radius: 0.375rem; /* 6px */
rounded-tl-lg border-top-left-radius: 0.5rem; /* 8px */
rounded-tl-xl border-top-left-radius: 0.75rem; /* 12px */
rounded-tl-2xl border-top-left-radius: 1rem; /* 16px */
rounded-tl-3xl border-top-left-radius: 1.5rem; /* 24px */
rounded-tl-full border-top-left-radius: 9999px;
rounded-tr-none border-top-right-radius: 0px;
rounded-tr-sm border-top-right-radius: 0.125rem; /* 2px */
rounded-tr border-top-right-radius: 0.25rem; /* 4px */
rounded-tr-md border-top-right-radius: 0.375rem; /* 6px */
rounded-tr-lg border-top-right-radius: 0.5rem; /* 8px */
rounded-tr-xl border-top-right-radius: 0.75rem; /* 12px */
rounded-tr-2xl border-top-right-radius: 1rem; /* 16px */
rounded-tr-3xl border-top-right-radius: 1.5rem; /* 24px */
rounded-tr-full border-top-right-radius: 9999px;
rounded-br-none border-bottom-right-radius: 0px;
rounded-br-sm border-bottom-right-radius: 0.125rem; /* 2px */
rounded-br border-bottom-right-radius: 0.25rem; /* 4px */
rounded-br-md border-bottom-right-radius: 0.375rem; /* 6px */
rounded-br-lg border-bottom-right-radius: 0.5rem; /* 8px */
rounded-br-xl border-bottom-right-radius: 0.75rem; /* 12px */
rounded-br-2xl border-bottom-right-radius: 1rem; /* 16px */
rounded-br-3xl border-bottom-right-radius: 1.5rem; /* 24px */
rounded-br-full border-bottom-right-radius: 9999px;
rounded-bl-none border-bottom-left-radius: 0px;
rounded-bl-sm border-bottom-left-radius: 0.125rem; /* 2px */
rounded-bl border-bottom-left-radius: 0.25rem; /* 4px */
rounded-bl-md border-bottom-left-radius: 0.375rem; /* 6px */
rounded-bl-lg border-bottom-left-radius: 0.5rem; /* 8px */
rounded-bl-xl border-bottom-left-radius: 0.75rem; /* 12px */
rounded-bl-2xl border-bottom-left-radius: 1rem; /* 16px */
rounded-bl-3xl border-bottom-left-radius: 1.5rem; /* 24px */
rounded-bl-full border-bottom-left-radius: 9999px;
---
# Object Fit
https://v3.tailwindcss.com/docs/object-fit
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;
---