Tailwind Config Viewer GitHub

Colors

Copy
bg-inherit
inherit
Copy
bg-current
currentColor
Copy
bg-transparent
transparent
Copy
bg-black
#000
Copy
bg-white
#fff
Copy
bg-slate-50
#f8fafc
Copy
bg-slate-100
#f1f5f9
Copy
bg-slate-200
#e2e8f0
Copy
bg-slate-300
#cbd5e1
Copy
bg-slate-400
#94a3b8
Copy
bg-slate-500
#64748b
Copy
bg-slate-600
#475569
Copy
bg-slate-700
#334155
Copy
bg-slate-800
#1e293b
Copy
bg-slate-900
#0f172a
Copy
bg-gray-50
#f9fafb
Copy
bg-gray-100
#f3f4f6
Copy
bg-gray-200
#e5e7eb
Copy
bg-gray-300
#d1d5db
Copy
bg-gray-400
#9ca3af
Copy
bg-gray-500
#6b7280
Copy
bg-gray-600
#4b5563
Copy
bg-gray-700
#374151
Copy
bg-gray-800
#1f2937
Copy
bg-gray-900
#111827
Copy
bg-zinc-50
#fafafa
Copy
bg-zinc-100
#f4f4f5
Copy
bg-zinc-200
#e4e4e7
Copy
bg-zinc-300
#d4d4d8
Copy
bg-zinc-400
#a1a1aa
Copy
bg-zinc-500
#71717a
Copy
bg-zinc-600
#52525b
Copy
bg-zinc-700
#3f3f46
Copy
bg-zinc-800
#27272a
Copy
bg-zinc-900
#18181b
Copy
bg-neutral-50
#fafafa
Copy
bg-neutral-100
#f5f5f5
Copy
bg-neutral-200
#e5e5e5
Copy
bg-neutral-300
#d4d4d4
Copy
bg-neutral-400
#a3a3a3
Copy
bg-neutral-500
#737373
Copy
bg-neutral-600
#525252
Copy
bg-neutral-700
#404040
Copy
bg-neutral-800
#262626
Copy
bg-neutral-900
#171717
Copy
bg-stone-50
#fafaf9
Copy
bg-stone-100
#f5f5f4
Copy
bg-stone-200
#e7e5e4
Copy
bg-stone-300
#d6d3d1
Copy
bg-stone-400
#a8a29e
Copy
bg-stone-500
#78716c
Copy
bg-stone-600
#57534e
Copy
bg-stone-700
#44403c
Copy
bg-stone-800
#292524
Copy
bg-stone-900
#1c1917
Copy
bg-red-50
#fef2f2
Copy
bg-red-100
#fee2e2
Copy
bg-red-200
#fecaca
Copy
bg-red-300
#fca5a5
Copy
bg-red-400
#f87171
Copy
bg-red-500
#ef4444
Copy
bg-red-600
#dc2626
Copy
bg-red-700
#b91c1c
Copy
bg-red-800
#991b1b
Copy
bg-red-900
#7f1d1d
Copy
bg-orange-50
#fff7ed
Copy
bg-orange-100
#ffedd5
Copy
bg-orange-200
#fed7aa
Copy
bg-orange-300
#fdba74
Copy
bg-orange-400
#fb923c
Copy
bg-orange-500
#f97316
Copy
bg-orange-600
#ea580c
Copy
bg-orange-700
#c2410c
Copy
bg-orange-800
#9a3412
Copy
bg-orange-900
#7c2d12
Copy
bg-amber-50
#fffbeb
Copy
bg-amber-100
#fef3c7
Copy
bg-amber-200
#fde68a
Copy
bg-amber-300
#fcd34d
Copy
bg-amber-400
#fbbf24
Copy
bg-amber-500
#f59e0b
Copy
bg-amber-600
#d97706
Copy
bg-amber-700
#b45309
Copy
bg-amber-800
#92400e
Copy
bg-amber-900
#78350f
Copy
bg-yellow-50
#fefce8
Copy
bg-yellow-100
#fef9c3
Copy
bg-yellow-200
#fef08a
Copy
bg-yellow-300
#fde047
Copy
bg-yellow-400
#facc15
Copy
bg-yellow-500
#eab308
Copy
bg-yellow-600
#ca8a04
Copy
bg-yellow-700
#a16207
Copy
bg-yellow-800
#854d0e
Copy
bg-yellow-900
#713f12
Copy
bg-lime-50
#f7fee7
Copy
bg-lime-100
#ecfccb
Copy
bg-lime-200
#d9f99d
Copy
bg-lime-300
#bef264
Copy
bg-lime-400
#a3e635
Copy
bg-lime-500
#84cc16
Copy
bg-lime-600
#65a30d
Copy
bg-lime-700
#4d7c0f
Copy
bg-lime-800
#3f6212
Copy
bg-lime-900
#365314
Copy
bg-green-50
#f0fdf4
Copy
bg-green-100
#dcfce7
Copy
bg-green-200
#bbf7d0
Copy
bg-green-300
#86efac
Copy
bg-green-400
#4ade80
Copy
bg-green-500
#22c55e
Copy
bg-green-600
#16a34a
Copy
bg-green-700
#15803d
Copy
bg-green-800
#166534
Copy
bg-green-900
#14532d
Copy
bg-emerald-50
#ecfdf5
Copy
bg-emerald-100
#d1fae5
Copy
bg-emerald-200
#a7f3d0
Copy
bg-emerald-300
#6ee7b7
Copy
bg-emerald-400
#34d399
Copy
bg-emerald-500
#10b981
Copy
bg-emerald-600
#059669
Copy
bg-emerald-700
#047857
Copy
bg-emerald-800
#065f46
Copy
bg-emerald-900
#064e3b
Copy
bg-teal-50
#f0fdfa
Copy
bg-teal-100
#ccfbf1
Copy
bg-teal-200
#99f6e4
Copy
bg-teal-300
#5eead4
Copy
bg-teal-400
#2dd4bf
Copy
bg-teal-500
#14b8a6
Copy
bg-teal-600
#0d9488
Copy
bg-teal-700
#0f766e
Copy
bg-teal-800
#115e59
Copy
bg-teal-900
#134e4a
Copy
bg-cyan-50
#ecfeff
Copy
bg-cyan-100
#cffafe
Copy
bg-cyan-200
#a5f3fc
Copy
bg-cyan-300
#67e8f9
Copy
bg-cyan-400
#22d3ee
Copy
bg-cyan-500
#06b6d4
Copy
bg-cyan-600
#0891b2
Copy
bg-cyan-700
#0e7490
Copy
bg-cyan-800
#155e75
Copy
bg-cyan-900
#164e63
Copy
bg-sky-50
#f0f9ff
Copy
bg-sky-100
#e0f2fe
Copy
bg-sky-200
#bae6fd
Copy
bg-sky-300
#7dd3fc
Copy
bg-sky-400
#38bdf8
Copy
bg-sky-500
#0ea5e9
Copy
bg-sky-600
#0284c7
Copy
bg-sky-700
#0369a1
Copy
bg-sky-800
#075985
Copy
bg-sky-900
#0c4a6e
Copy
bg-blue-50
#eff6ff
Copy
bg-blue-100
#dbeafe
Copy
bg-blue-200
#bfdbfe
Copy
bg-blue-300
#93c5fd
Copy
bg-blue-400
#60a5fa
Copy
bg-blue-500
#3b82f6
Copy
bg-blue-600
#2563eb
Copy
bg-blue-700
#1d4ed8
Copy
bg-blue-800
#1e40af
Copy
bg-blue-900
#1e3a8a
Copy
bg-indigo-50
#eef2ff
Copy
bg-indigo-100
#e0e7ff
Copy
bg-indigo-200
#c7d2fe
Copy
bg-indigo-300
#a5b4fc
Copy
bg-indigo-400
#818cf8
Copy
bg-indigo-500
#6366f1
Copy
bg-indigo-600
#4f46e5
Copy
bg-indigo-700
#4338ca
Copy
bg-indigo-800
#3730a3
Copy
bg-indigo-900
#312e81
Copy
bg-violet-50
#f5f3ff
Copy
bg-violet-100
#ede9fe
Copy
bg-violet-200
#ddd6fe
Copy
bg-violet-300
#c4b5fd
Copy
bg-violet-400
#a78bfa
Copy
bg-violet-500
#8b5cf6
Copy
bg-violet-600
#7c3aed
Copy
bg-violet-700
#6d28d9
Copy
bg-violet-800
#5b21b6
Copy
bg-violet-900
#4c1d95
Copy
bg-purple-50
#faf5ff
Copy
bg-purple-100
#f3e8ff
Copy
bg-purple-200
#e9d5ff
Copy
bg-purple-300
#d8b4fe
Copy
bg-purple-400
#c084fc
Copy
bg-purple-500
#a855f7
Copy
bg-purple-600
#9333ea
Copy
bg-purple-700
#7e22ce
Copy
bg-purple-800
#6b21a8
Copy
bg-purple-900
#581c87
Copy
bg-fuchsia-50
#fdf4ff
Copy
bg-fuchsia-100
#fae8ff
Copy
bg-fuchsia-200
#f5d0fe
Copy
bg-fuchsia-300
#f0abfc
Copy
bg-fuchsia-400
#e879f9
Copy
bg-fuchsia-500
#d946ef
Copy
bg-fuchsia-600
#c026d3
Copy
bg-fuchsia-700
#a21caf
Copy
bg-fuchsia-800
#86198f
Copy
bg-fuchsia-900
#701a75
Copy
bg-pink-50
#fdf2f8
Copy
bg-pink-100
#fce7f3
Copy
bg-pink-200
#fbcfe8
Copy
bg-pink-300
#f9a8d4
Copy
bg-pink-400
#f472b6
Copy
bg-pink-500
#ec4899
Copy
bg-pink-600
#db2777
Copy
bg-pink-700
#be185d
Copy
bg-pink-800
#9d174d
Copy
bg-pink-900
#831843
Copy
bg-rose-50
#fff1f2
Copy
bg-rose-100
#ffe4e6
Copy
bg-rose-200
#fecdd3
Copy
bg-rose-300
#fda4af
Copy
bg-rose-400
#fb7185
Copy
bg-rose-500
#f43f5e
Copy
bg-rose-600
#e11d48
Copy
bg-rose-700
#be123c
Copy
bg-rose-800
#9f1239
Copy
bg-rose-900
#881337

Spacing

Copy
p-0
0px
Copy
p-px
1px
Copy
p-0.5
0.125rem (2px)
Copy
p-1
0.25rem (4px)
Copy
p-1.5
0.375rem (6px)
Copy
p-2
0.5rem (8px)
Copy
p-2.5
0.625rem (10px)
Copy
p-3
0.75rem (12px)
Copy
p-3.5
0.875rem (14px)
Copy
p-4
1rem (16px)
Copy
p-5
1.25rem (20px)
Copy
p-6
1.5rem (24px)
Copy
p-7
1.75rem (28px)
Copy
p-8
2rem (32px)
Copy
p-9
2.25rem (36px)
Copy
p-10
2.5rem (40px)
Copy
p-11
2.75rem (44px)
Copy
p-12
3rem (48px)
Copy
p-14
3.5rem (56px)
Copy
p-16
4rem (64px)
Copy
p-20
5rem (80px)
Copy
p-24
6rem (96px)
Copy
p-28
7rem (112px)
Copy
p-32
8rem (128px)
Copy
p-36
9rem (144px)
Copy
p-40
10rem (160px)
Copy
p-44
11rem (176px)
Copy
p-48
12rem (192px)
Copy
p-52
13rem (208px)
Copy
p-56
14rem (224px)
Copy
p-60
15rem (240px)
Copy
p-64
16rem (256px)
Copy
p-72
18rem (288px)
Copy
p-80
20rem (320px)
Copy
p-96
24rem (384px)

Font Sizes

The quick brown fox jumped over the lazy dog.

Copy
text-xs
0.75rem (12px)

The quick brown fox jumped over the lazy dog.

Copy
text-sm
0.875rem (14px)

The quick brown fox jumped over the lazy dog.

Copy
text-base
1rem (16px)

The quick brown fox jumped over the lazy dog.

Copy
text-lg
1.125rem (18px)

The quick brown fox jumped over the lazy dog.

Copy
text-xl
1.25rem (20px)

The quick brown fox jumped over the lazy dog.

Copy
text-2xl
1.5rem (24px)

The quick brown fox jumped over the lazy dog.

Copy
text-3xl
1.875rem (30px)

The quick brown fox jumped over the lazy dog.

Copy
text-4xl
2.25rem (36px)

The quick brown fox jumped over the lazy dog.

Copy
text-5xl
3rem (48px)

The quick brown fox jumped over the lazy dog.

Copy
text-6xl
3.75rem (60px)

The quick brown fox jumped over the lazy dog.

Copy
text-7xl
4.5rem (72px)

The quick brown fox jumped over the lazy dog.

Copy
text-8xl
6rem (96px)

The quick brown fox jumped over the lazy dog.

Copy
text-9xl
8rem (128px)

Font Weight

The quick brown fox jumped over the lazy dog.

Copy
font-thin
100

The quick brown fox jumped over the lazy dog.

Copy
font-extralight
200

The quick brown fox jumped over the lazy dog.

Copy
font-light
300

The quick brown fox jumped over the lazy dog.

Copy
font-normal
400

The quick brown fox jumped over the lazy dog.

Copy
font-medium
500

The quick brown fox jumped over the lazy dog.

Copy
font-semibold
600

The quick brown fox jumped over the lazy dog.

Copy
font-bold
700

The quick brown fox jumped over the lazy dog.

Copy
font-extrabold
800

The quick brown fox jumped over the lazy dog.

Copy
font-black
900

Letter Spacing

The quick brown fox jumped over the lazy dog.

Copy
tracking-tighter
-0.05em

The quick brown fox jumped over the lazy dog.

Copy
tracking-tight
-0.025em

The quick brown fox jumped over the lazy dog.

Copy
tracking-normal
0em

The quick brown fox jumped over the lazy dog.

Copy
tracking-wide
0.025em

The quick brown fox jumped over the lazy dog.

Copy
tracking-wider
0.05em

The quick brown fox jumped over the lazy dog.

Copy
tracking-widest
0.1em

Line Height

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-3
.75rem (12px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-4
1rem (16px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-5
1.25rem (20px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-6
1.5rem (24px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-7
1.75rem (28px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-8
2rem (32px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-9
2.25rem (36px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-10
2.5rem (40px)

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-none
1

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-tight
1.25

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-snug
1.375

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-normal
1.5

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-relaxed
1.625

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Copy
leading-loose
2

Screens

Copy
sm:
640px
Copy
md:
768px
Copy
lg:
1024px
Copy
xl:
1280px
Copy
2xl:
1536px

Shadows

Copy
shadow-sm
0 1px 2px 0 rgb(0 0 0 / 0.05)
Copy
shadow
0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)
Copy
shadow-md
0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)
Copy
shadow-lg
0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)
Copy
shadow-xl
0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)
Copy
shadow-2xl
0 25px 50px -12px rgb(0 0 0 / 0.25)
Copy
shadow-inner
inset 0 2px 4px 0 rgb(0 0 0 / 0.05)
Copy
shadow-none
none

Opacity

Copy
opacity-0
0
Copy
opacity-5
0.05
Copy
opacity-10
0.1
Copy
opacity-20
0.2
Copy
opacity-25
0.25
Copy
opacity-30
0.3
Copy
opacity-40
0.4
Copy
opacity-50
0.5
Copy
opacity-60
0.6
Copy
opacity-70
0.7
Copy
opacity-75
0.75
Copy
opacity-80
0.8
Copy
opacity-90
0.9
Copy
opacity-95
0.95
Copy
opacity-100
1

Border Radius

Copy
rounded-none
0px
Copy
rounded-sm
0.125rem (2px)
Copy
rounded
0.25rem (4px)
Copy
rounded-md
0.375rem (6px)
Copy
rounded-lg
0.5rem (8px)
Copy
rounded-xl
0.75rem (12px)
Copy
rounded-2xl
1rem (16px)
Copy
rounded-3xl
1.5rem (24px)
Copy
rounded-full
9999px

Border Width

Copy
border-0
0px
Copy
border-2
2px
Copy
border-4
4px
Copy
border-8
8px
Copy
border
1px

Transitions

Copy
duration-75
Copy
delay-75
Copy
ease
cubic-bezier(0.4, 0, 0.2, 1)
Copy
ease-linear
linear
Copy
ease-in
cubic-bezier(0.4, 0, 1, 1)
Copy
ease-out
cubic-bezier(0, 0, 0.2, 1)
Copy
ease-in-out
cubic-bezier(0.4, 0, 0.2, 1)

Min Width

Copy
min-w-0
0px
Copy
min-w-full
100%
Copy
min-w-min
min-content
Copy
min-w-max
max-content
Copy
min-w-fit
fit-content

Width

Copy
w-0
0px
Copy
w-1
0.25rem (4px)
Copy
w-2
0.5rem (8px)
Copy
w-3
0.75rem (12px)
Copy
w-4
1rem (16px)
Copy
w-5
1.25rem (20px)
Copy
w-6
1.5rem (24px)
Copy
w-7
1.75rem (28px)
Copy
w-8
2rem (32px)
Copy
w-9
2.25rem (36px)
Copy
w-10
2.5rem (40px)
Copy
w-11
2.75rem (44px)
Copy
w-12
3rem (48px)
Copy
w-14
3.5rem (56px)
Copy
w-16
4rem (64px)
Copy
w-20
5rem (80px)
Copy
w-24
6rem (96px)
Copy
w-28
7rem (112px)
Copy
w-32
8rem (128px)
Copy
w-36
9rem (144px)
Copy
w-40
10rem (160px)
Copy
w-44
11rem (176px)
Copy
w-48
12rem (192px)
Copy
w-52
13rem (208px)
Copy
w-56
14rem (224px)
Copy
w-60
15rem (240px)
Copy
w-64
16rem (256px)
Copy
w-72
18rem (288px)
Copy
w-80
20rem (320px)
Copy
w-96
24rem (384px)
Copy
w-auto
auto
Copy
w-px
1px
Copy
w-0.5
0.125rem (2px)
Copy
w-1.5
0.375rem (6px)
Copy
w-2.5
0.625rem (10px)
Copy
w-3.5
0.875rem (14px)
Copy
w-screen
100vw
Copy
w-min
min-content
Copy
w-max
max-content
Copy
w-fit
fit-content
Copy
w-1/2
50%
Copy
w-1/3
33.333333%
Copy
w-2/3
66.666667%
Copy
w-1/4
25%
Copy
w-2/4
50%
Copy
w-3/4
75%
Copy
w-1/5
20%
Copy
w-2/5
40%
Copy
w-3/5
60%
Copy
w-4/5
80%
Copy
w-1/6
16.666667%
Copy
w-2/6
33.333333%
Copy
w-3/6
50%
Copy
w-4/6
66.666667%
Copy
w-5/6
83.333333%
Copy
w-1/12
8.333333%
Copy
w-2/12
16.666667%
Copy
w-3/12
25%
Copy
w-4/12
33.333333%
Copy
w-5/12
41.666667%
Copy
w-6/12
50%
Copy
w-7/12
58.333333%
Copy
w-8/12
66.666667%
Copy
w-9/12
75%
Copy
w-10/12
83.333333%
Copy
w-11/12
91.666667%
Copy
w-full
100%

Max Width

Copy
max-w-0
0rem (0px)
Copy
max-w-none
none
Copy
max-w-xs
20rem (320px)
Copy
max-w-sm
24rem (384px)
Copy
max-w-md
28rem (448px)
Copy
max-w-lg
32rem (512px)
Copy
max-w-xl
36rem (576px)
Copy
max-w-2xl
42rem (672px)
Copy
max-w-3xl
48rem (768px)
Copy
max-w-4xl
56rem (896px)
Copy
max-w-5xl
64rem (1024px)
Copy
max-w-6xl
72rem (1152px)
Copy
max-w-7xl
80rem (1280px)
Copy
max-w-full
100%
Copy
max-w-min
min-content
Copy
max-w-max
max-content
Copy
max-w-fit
fit-content
Copy
max-w-prose
65ch
Copy
max-w-screen-sm
640px
Copy
max-w-screen-md
768px
Copy
max-w-screen-lg
1024px
Copy
max-w-screen-xl
1280px
Copy
max-w-screen-2xl
1536px

Min Height

Copy
min-h-0
0px
Copy
min-h-full
100%
Copy
min-h-screen
100vh
Copy
min-h-min
min-content
Copy
min-h-max
max-content
Copy
min-h-fit
fit-content

Height

Copy
h-0
0px
Copy
h-1
0.25rem (4px)
Copy
h-2
0.5rem (8px)
Copy
h-3
0.75rem (12px)
Copy
h-4
1rem (16px)
Copy
h-5
1.25rem (20px)
Copy
h-6
1.5rem (24px)
Copy
h-7
1.75rem (28px)
Copy
h-8
2rem (32px)
Copy
h-9
2.25rem (36px)
Copy
h-10
2.5rem (40px)
Copy
h-11
2.75rem (44px)
Copy
h-12
3rem (48px)
Copy
h-14
3.5rem (56px)
Copy
h-16
4rem (64px)
Copy
h-20
5rem (80px)
Copy
h-24
6rem (96px)
Copy
h-28
7rem (112px)
Copy
h-32
8rem (128px)
Copy
h-36
9rem (144px)
Copy
h-40
10rem (160px)
Copy
h-44
11rem (176px)
Copy
h-48
12rem (192px)
Copy
h-52
13rem (208px)
Copy
h-56
14rem (224px)
Copy
h-60
15rem (240px)
Copy
h-64
16rem (256px)
Copy
h-72
18rem (288px)
Copy
h-80
20rem (320px)
Copy
h-96
24rem (384px)
Copy
h-auto
auto
Copy
h-px
1px
Copy
h-0.5
0.125rem (2px)
Copy
h-1.5
0.375rem (6px)
Copy
h-2.5
0.625rem (10px)
Copy
h-3.5
0.875rem (14px)
Copy
h-1/2
50%
Copy
h-1/3
33.333333%
Copy
h-2/3
66.666667%
Copy
h-1/4
25%
Copy
h-2/4
50%
Copy
h-3/4
75%
Copy
h-1/5
20%
Copy
h-2/5
40%
Copy
h-3/5
60%
Copy
h-4/5
80%
Copy
h-1/6
16.666667%
Copy
h-2/6
33.333333%
Copy
h-3/6
50%
Copy
h-4/6
66.666667%
Copy
h-5/6
83.333333%
Copy
h-full
100%
Copy
h-screen
100vh
Copy
h-min
min-content
Copy
h-max
max-content
Copy
h-fit
fit-content

Max Height

Copy
max-h-0
0px
Copy
max-h-1
0.25rem (4px)
Copy
max-h-2
0.5rem (8px)
Copy
max-h-3
0.75rem (12px)
Copy
max-h-4
1rem (16px)
Copy
max-h-5
1.25rem (20px)
Copy
max-h-6
1.5rem (24px)
Copy
max-h-7
1.75rem (28px)
Copy
max-h-8
2rem (32px)
Copy
max-h-9
2.25rem (36px)
Copy
max-h-10
2.5rem (40px)
Copy
max-h-11
2.75rem (44px)
Copy
max-h-12
3rem (48px)
Copy
max-h-14
3.5rem (56px)
Copy
max-h-16
4rem (64px)
Copy
max-h-20
5rem (80px)
Copy
max-h-24
6rem (96px)
Copy
max-h-28
7rem (112px)
Copy
max-h-32
8rem (128px)
Copy
max-h-36
9rem (144px)
Copy
max-h-40
10rem (160px)
Copy
max-h-44
11rem (176px)
Copy
max-h-48
12rem (192px)
Copy
max-h-52
13rem (208px)
Copy
max-h-56
14rem (224px)
Copy
max-h-60
15rem (240px)
Copy
max-h-64
16rem (256px)
Copy
max-h-72
18rem (288px)
Copy
max-h-80
20rem (320px)
Copy
max-h-96
24rem (384px)
Copy
max-h-px
1px
Copy
max-h-0.5
0.125rem (2px)
Copy
max-h-1.5
0.375rem (6px)
Copy
max-h-2.5
0.625rem (10px)
Copy
max-h-3.5
0.875rem (14px)
Copy
max-h-full
100%
Copy
max-h-screen
100vh
Copy
max-h-min
min-content
Copy
max-h-max
max-content
Copy
max-h-fit
fit-content