type
status
date
slug
summary
tags
category
icon
password

Font Family

Class
Properties
font-sans
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-serif
font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
font-mono
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

Font Size

Class
Properties
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;

Font Smoothing

Class
Properties
antialiased
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
subpixel-antialiased
-webkit-font-smoothing: auto; -moz-osx-font- smoothing: auto;

Font Style

Class
Properties
italic
font-style: italic;
not-italic
font-style: normal;

Font Weight

Class
Properties
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 Variant Numeric

Class
Properties
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;

Letter Spacing

Class
Properties
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;

Line Clamp

Class
Properties
line-clamp-1
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
line-clamp-2
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
line-clamp-3
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
line-clamp-4
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
line-clamp-5
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;
line-clamp-6
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
line-clamp-none
overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none;

Line Height

Class
Properties
leading-3
line-height: .75rem; /* 12px */
leading-4
line-height: 1rem; /* 16px */
leading-5
line-height: 1.25rem; /* 20px */
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;

List Style Image

Class
Properties
list-image-none
list-style-image: none;

List Style Position

Class
Properties
list-inside
list-style-position: inside;
list-outside
list-style-position: outside;

List Style Type

Class
Properties
list-none
list-style-type: none;
list-disc
list-style-type: disc;
list-decimal
list-style-type: decimal;

Text Align

Class
Properties
text-left
text-align: left;
text-center
text-align: center;
text-right
text-align: right;
text-justify
text-align: justify;
text-start
text-align: start;
text-end
text-align: end;

Text Color

Class
Properties
text-inherit
color: inherit;
text-current
color: currentColor;
text-transparent
color: transparent;
text-black
color: rgb(0 0 0);
text-white
color: rgb(255 255 255);
text-slate-50
color: rgb(248 250 252);
text-slate-100
color: rgb(241 245 249);
text-slate-200
color: rgb(226 232 240);
text-slate-300
color: rgb(203 213 225);
text-slate-400
color: rgb(148 163 184);
text-slate-500
color: rgb(100 116 139);
text-slate-600
color: rgb(71 85 105);
text-slate-700
color: rgb(51 65 85);
text-slate-800
color: rgb(30 41 59);
text-slate-900
color: rgb(15 23 42);
text-slate-950
color: rgb(2 6 23);
text-gray-50
color: rgb(249 250 251);
text-gray-100
color: rgb(243 244 246);
text-gray-200
color: rgb(229 231 235);
text-gray-300
color: rgb(209 213 219);
text-gray-400
color: rgb(156 163 175);
text-gray-500
color: rgb(107 114 128);
text-gray-600
color: rgb(75 85 99);
text-gray-700
color: rgb(55 65 81);
text-gray-800
color: rgb(31 41 55);
text-gray-900
color: rgb(17 24 39);
text-gray-950
color: rgb(3 7 18);
text-zinc-50
color: rgb(250 250 250);
text-zinc-100
color: rgb(244 244 245);
text-zinc-200
color: rgb(228 228 231);
text-zinc-300
color: rgb(212 212 216);
text-zinc-400
color: rgb(161 161 170);
text-zinc-500
color: rgb(113 113 122);
text-zinc-600
color: rgb(82 82 91);
text-zinc-700
color: rgb(63 63 70);
text-zinc-800
color: rgb(39 39 42);
text-zinc-900
color: rgb(24 24 27);
text-zinc-950
color: rgb(9 9 11);
text-neutral-50
color: rgb(250 250 250);
text-neutral-100
color: rgb(245 245 245);
text-neutral-200
color: rgb(229 229 229);
text-neutral-300
color: rgb(212 212 212);
text-neutral-400
color: rgb(163 163 163);
text-neutral-500
color: rgb(115 115 115);
text-neutral-600
color: rgb(82 82 82);
text-neutral-700
color: rgb(64 64 64);
text-neutral-800
color: rgb(38 38 38);
text-neutral-900
color: rgb(23 23 23);
text-neutral-950
color: rgb(10 10 10);
text-stone-50
color: rgb(250 250 249);
text-stone-100
color: rgb(245 245 244);
text-stone-200
color: rgb(231 229 228);
text-stone-300
color: rgb(214 211 209);
text-stone-400
color: rgb(168 162 158);
text-stone-500
color: rgb(120 113 108);
text-stone-600
color: rgb(87 83 78);
text-stone-700
color: rgb(68 64 60);
text-stone-800
color: rgb(41 37 36);
text-stone-900
color: rgb(28 25 23);
text-stone-950
color: rgb(12 10 9);
text-red-50
color: rgb(254 242 242);
text-red-100
color: rgb(254 226 226);
text-red-200
color: rgb(254 202 202);
text-red-300
color: rgb(252 165 165);
text-red-400
color: rgb(248 113 113);
text-red-500
color: rgb(239 68 68);
text-red-600
color: rgb(220 38 38);
text-red-700
color: rgb(185 28 28);
text-red-800
color: rgb(153 27 27);
text-red-900
color: rgb(127 29 29);
text-red-950
color: rgb(69 10 10);
text-orange-50
color: rgb(255 247 237);
text-orange-100
color: rgb(255 237 213);
text-orange-200
color: rgb(254 215 170);
text-orange-300
color: rgb(253 186 116);
text-orange-400
color: rgb(251 146 60);
text-orange-500
color: rgb(249 115 22);
text-orange-600
color: rgb(234 88 12);
text-orange-700
color: rgb(194 65 12);
text-orange-800
color: rgb(154 52 18);
text-orange-900
color: rgb(124 45 18);
text-orange-950
color: rgb(67 20 7);
text-amber-50
color: rgb(255 251 235);
text-amber-100
color: rgb(254 243 199);
text-amber-200
color: rgb(253 230 138);
text-amber-300
color: rgb(252 211 77);
text-amber-400
color: rgb(251 191 36);
text-amber-500
color: rgb(245 158 11);
text-amber-600
color: rgb(217 119 6);
text-amber-700
color: rgb(180 83 9);
text-amber-800
color: rgb(146 64 14);
text-amber-900
color: rgb(120 53 15);
text-amber-950
color: rgb(69 26 3);
text-yellow-50
color: rgb(254 252 232);
text-yellow-100
color: rgb(254 249 195);
text-yellow-200
color: rgb(254 240 138);
text-yellow-300
color: rgb(253 224 71);
text-yellow-400
color: rgb(250 204 21);
text-yellow-500
color: rgb(234 179 8);
text-yellow-600
color: rgb(202 138 4);
text-yellow-700
color: rgb(161 98 7);
text-yellow-800
color: rgb(133 77 14);
text-yellow-900
color: rgb(113 63 18);
text-yellow-950
color: rgb(66 32 6);
text-lime-50
color: rgb(247 254 231);
text-lime-100
color: rgb(236 252 203);
text-lime-200
color: rgb(217 249 157);
text-lime-300
color: rgb(190 242 100);
text-lime-400
color: rgb(163 230 53);
text-lime-500
color: rgb(132 204 22);
text-lime-600
color: rgb(101 163 13);
text-lime-700
color: rgb(77 124 15);
text-lime-800
color: rgb(63 98 18);
text-lime-900
color: rgb(54 83 20);
text-lime-950
color: rgb(26 46 5);
text-green-50
color: rgb(240 253 244);
text-green-100
color: rgb(220 252 231);
text-green-200
color: rgb(187 247 208);
text-green-300
color: rgb(134 239 172);
text-green-400
color: rgb(74 222 128);
text-green-500
color: rgb(34 197 94);
text-green-600
color: rgb(22 163 74);
text-green-700
color: rgb(21 128 61);
text-green-800
color: rgb(22 101 52);
text-green-900
color: rgb(20 83 45);
text-green-950
color: rgb(5 46 22);
text-emerald-50
color: rgb(236 253 245);
text-emerald-100
color: rgb(209 250 229);
text-emerald-200
color: rgb(167 243 208);
text-emerald-300
color: rgb(110 231 183);
text-emerald-400
color: rgb(52 211 153);
text-emerald-500
color: rgb(16 185 129);
text-emerald-600
color: rgb(5 150 105);
text-emerald-700
color: rgb(4 120 87);
text-emerald-800
color: rgb(6 95 70);
text-emerald-900
color: rgb(6 78 59);
text-emerald-950
color: rgb(2 44 34);
text-teal-50
color: rgb(240 253 250);
text-teal-100
color: rgb(204 251 241);
text-teal-200
color: rgb(153 246 228);
text-teal-300
color: rgb(94 234 212);
text-teal-400
color: rgb(45 212 191);
text-teal-500
color: rgb(20 184 166);
text-teal-600
color: rgb(13 148 136);
text-teal-700
color: rgb(15 118 110);
text-teal-800
color: rgb(17 94 89);
text-teal-900
color: rgb(19 78 74);
text-teal-950
color: rgb(4 47 46);
text-cyan-50
color: rgb(236 254 255);
text-cyan-100
color: rgb(207 250 254);
text-cyan-200
color: rgb(165 243 252);
text-cyan-300
color: rgb(103 232 249);
text-cyan-400
color: rgb(34 211 238);
text-cyan-500
color: rgb(6 182 212);
text-cyan-600
color: rgb(8 145 178);
text-cyan-700
color: rgb(14 116 144);
text-cyan-800
color: rgb(21 94 117);
text-cyan-900
color: rgb(22 78 99);
text-cyan-950
color: rgb(8 51 68);
text-sky-50
color: rgb(240 249 255);
text-sky-100
color: rgb(224 242 254);
text-sky-200
color: rgb(186 230 253);
text-sky-300
color: rgb(125 211 252);
text-sky-400
color: rgb(56 189 248);
text-sky-500
color: rgb(14 165 233);
text-sky-600
color: rgb(2 132 199);
text-sky-700
color: rgb(3 105 161);
text-sky-800
color: rgb(7 89 133);
text-sky-900
color: rgb(12 74 110);
text-sky-950
color: rgb(8 47 73);
text-blue-50
color: rgb(239 246 255);
text-blue-100
color: rgb(219 234 254);
text-blue-200
color: rgb(191 219 254);
text-blue-300
color: rgb(147 197 253);
text-blue-400
color: rgb(96 165 250);
text-blue-500
color: rgb(59 130 246);
text-blue-600
color: rgb(37 99 235);
text-blue-700
color: rgb(29 78 216);
text-blue-800
color: rgb(30 64 175);
text-blue-900
color: rgb(30 58 138);
text-blue-950
color: rgb(23 37 84);
text-indigo-50
color: rgb(238 242 255);
text-indigo-100
color: rgb(224 231 255);
text-indigo-200
color: rgb(199 210 254);
text-indigo-300
color: rgb(165 180 252);
text-indigo-400
color: rgb(129 140 248);
text-indigo-500
color: rgb(99 102 241);
text-indigo-600
color: rgb(79 70 229);
text-indigo-700
color: rgb(67 56 202);
text-indigo-800
color: rgb(55 48 163);
text-indigo-900
color: rgb(49 46 129);
text-indigo-950
color: rgb(30 27 75);
text-violet-50
color: rgb(245 243 255);
text-violet-100
color: rgb(237 233 254);
text-violet-200
color: rgb(221 214 254);
text-violet-300
color: rgb(196 181 253);
text-violet-400
color: rgb(167 139 250);
text-violet-500
color: rgb(139 92 246);
text-violet-600
color: rgb(124 58 237);
text-violet-700
color: rgb(109 40 217);
text-violet-800
color: rgb(91 33 182);
text-violet-900
color: rgb(76 29 149);
text-violet-950
color: rgb(46 16 101);
text-purple-50
color: rgb(250 245 255);
text-purple-100
color: rgb(243 232 255);
text-purple-200
color: rgb(233 213 255);
text-purple-300
color: rgb(216 180 254);
text-purple-400
color: rgb(192 132 252);
text-purple-500
color: rgb(168 85 247);
text-purple-600
color: rgb(147 51 234);
text-purple-700
color: rgb(126 34 206);
text-purple-800
color: rgb(107 33 168);
text-purple-900
color: rgb(88 28 135);
text-purple-950
color: rgb(59 7 100);
text-fuchsia-50
color: rgb(253 244 255);
text-fuchsia-100
color: rgb(250 232 255);
text-fuchsia-200
color: rgb(245 208 254);
text-fuchsia-300
color: rgb(240 171 252);
text-fuchsia-400
color: rgb(232 121 249);
text-fuchsia-500
color: rgb(217 70 239);
text-fuchsia-600
color: rgb(192 38 211);
text-fuchsia-700
color: rgb(162 28 175);
text-fuchsia-800
color: rgb(134 25 143);
text-fuchsia-900
color: rgb(112 26 117);
text-fuchsia-950
color: rgb(74 4 78);
text-pink-50
color: rgb(253 242 248);
text-pink-100
color: rgb(252 231 243);
text-pink-200
color: rgb(251 207 232);
text-pink-300
color: rgb(249 168 212);
text-pink-400
color: rgb(244 114 182);
text-pink-500
color: rgb(236 72 153);
text-pink-600
color: rgb(219 39 119);
text-pink-700
color: rgb(190 24 93);
text-pink-800
color: rgb(157 23 77);
text-pink-900
color: rgb(131 24 67);
text-pink-950
color: rgb(80 7 36);
text-rose-50
color: rgb(255 241 242);
text-rose-100
color: rgb(255 228 230);
text-rose-200
color: rgb(254 205 211);
text-rose-300
color: rgb(253 164 175);
text-rose-400
color: rgb(251 113 133);
text-rose-500
color: rgb(244 63 94);
text-rose-600
color: rgb(225 29 72);
text-rose-700
color: rgb(190 18 60);
text-rose-800
color: rgb(159 18 57);
text-rose-900
color: rgb(136 19 55);
text-rose-950
color: rgb(76 5 25);

Text Decoration

Class
Properties
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 Color

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

Text Decoration Style

Class
Properties
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

Class
Properties
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

Class
Properties
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 Transform

Class
Properties
uppercase
text-transform: uppercase;
lowercase
text-transform: lowercase;
capitalize
text-transform: capitalize;
normal-case
text-transform: none;

Text Overflow

Class
Properties
truncate
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
text-ellipsis
text-overflow: ellipsis;
text-clip
text-overflow: clip;

Text Wrap

Class
Properties
text-wrap
text-wrap: wrap;
text-nowrap
text-wrap: nowrap;
text-balance
text-wrap: balance;
text-pretty
text-wrap: pretty;

Text Indent

Class
Properties
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 */

Vertical Align

Class
Properties
align-baseline
vertical-align: baseline;
align-top
vertical-align: top;
align-middle
vertical-align: middle;
align-bottom
vertical-align: bottom;
align-text-top
vertical-align: text-top;
align-text-bottom
vertical-align: text-bottom;
align-sub
vertical-align: sub;
align-super
vertical-align: super;

Whitespace

Class
Properties
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

Class
Properties
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;

Hyphens

Class
Properties
hyphens-none
hyphens: none;
hyphens-manual
hyphens: manual;
hyphens-auto
hyphens: auto;

Content

Class
Properties
content-none
content: none;
Relate Posts
[tailwindcss] —— SVG
[tailwindcss] —— Interactivity
[tailwindcss] —— Transforms
[tailwindcss] —— Transitions & Animation
[tailwindcss] —— Tables
[tailwindcss] —— Filters
[tailwindcss] —— Background[tailwindcss] —— Sizing
  • Twikoo