Tailwind CSS Class Lookup

padding: 0px;

padding: 0.25rem;

padding: 0.5rem;

padding: 0.75rem;

padding: 1rem;

padding: 1.25rem;

padding: 1.5rem;

padding: 2rem;

padding: 2.5rem;

padding: 3rem;

padding: 4rem;

padding: 5rem;

padding-left: 0px; padding-right: 0px;

padding-left: 0.5rem; padding-right: 0.5rem;

padding-left: 1rem; padding-right: 1rem;

padding-left: 1.5rem; padding-right: 1.5rem;

padding-left: 2rem; padding-right: 2rem;

padding-top: 0px; padding-bottom: 0px;

padding-top: 0.5rem; padding-bottom: 0.5rem;

padding-top: 1rem; padding-bottom: 1rem;

padding-top: 1.5rem; padding-bottom: 1.5rem;

padding-top: 2rem; padding-bottom: 2rem;

padding-top: 0px;

padding-top: 0.5rem;

padding-top: 1rem;

padding-bottom: 0px;

padding-bottom: 1rem;

padding-bottom: 2rem;

padding-left: 0px;

padding-left: 1rem;

padding-right: 0px;

padding-right: 1rem;

margin: 0px;

margin: 0.25rem;

margin: 0.5rem;

margin: 0.75rem;

margin: 1rem;

margin: 1.5rem;

margin: 2rem;

margin: auto;

margin-left: 0px; margin-right: 0px;

margin-left: 0.5rem; margin-right: 0.5rem;

margin-left: 1rem; margin-right: 1rem;

margin-left: auto; margin-right: auto;

margin-top: 0px; margin-bottom: 0px;

margin-top: 0.5rem; margin-bottom: 0.5rem;

margin-top: 1rem; margin-bottom: 1rem;

margin-top: 2rem; margin-bottom: 2rem;

margin-top: 0px;

margin-top: 0.5rem;

margin-top: 1rem;

margin-top: 2rem;

margin-bottom: 0px;

margin-bottom: 0.5rem;

margin-bottom: 1rem;

margin-bottom: 2rem;

margin-left: 0px;

margin-left: 1rem;

margin-right: 0px;

margin-right: 1rem;

margin: -0.25rem;

margin: -0.5rem;

margin-top: -1rem;

> * + * { margin-left: 0.5rem; }

> * + * { margin-left: 1rem; }

> * + * { margin-top: 0.5rem; }

> * + * { margin-top: 1rem; }

gap: 0px;

gap: 0.25rem;

gap: 0.5rem;

gap: 0.75rem;

gap: 1rem;

gap: 1.5rem;

gap: 2rem;

width: 0px;

width: 0.25rem;

width: 0.5rem;

width: 1rem;

width: 2rem;

width: 3rem;

width: 4rem;

width: 6rem;

width: 8rem;

width: 12rem;

width: 16rem;

width: 100%;

width: 100vw;

width: auto;

width: 50%;

width: 33.333333%;

width: 66.666667%;

width: 25%;

width: 75%;

width: fit-content;

width: min-content;

width: max-content;

min-width: 0px;

min-width: 100%;

max-width: 24rem;

max-width: 28rem;

max-width: 32rem;

max-width: 36rem;

max-width: 42rem;

max-width: 56rem;

max-width: 72rem;

max-width: 100%;

max-width: 640px;

max-width: 768px;

max-width: 1024px;

max-width: 1280px;

height: 0px;

height: 0.25rem;

height: 1rem;

height: 2rem;

height: 4rem;

height: 8rem;

height: 16rem;

height: 100%;

height: 100vh;

height: auto;

height: fit-content;

height: min-content;

height: max-content;

min-height: 0px;

min-height: 100%;

min-height: 100vh;

max-height: 100%;

max-height: 100vh;

width: 1rem; height: 1rem;

width: 2rem; height: 2rem;

width: 100%; height: 100%;

font-size: 0.75rem; line-height: 1rem;

font-size: 0.875rem; line-height: 1.25rem;

font-size: 1rem; line-height: 1.5rem;

font-size: 1.125rem; line-height: 1.75rem;

font-size: 1.25rem; line-height: 1.75rem;

font-size: 1.5rem; line-height: 2rem;

font-size: 1.875rem; line-height: 2.25rem;

font-size: 2.25rem; line-height: 2.5rem;

font-size: 3rem; line-height: 1;

font-size: 3.75rem; line-height: 1;

font-size: 4.5rem; line-height: 1;

font-size: 6rem; line-height: 1;

font-size: 8rem; line-height: 1;

font-weight: 100;

font-weight: 200;

font-weight: 300;

font-weight: 400;

font-weight: 500;

font-weight: 600;

font-weight: 700;

font-weight: 800;

font-weight: 900;

font-family: ui-sans-serif, system-ui, sans-serif;

font-family: ui-serif, Georgia, serif;

font-family: ui-monospace, monospace;

font-style: italic;

font-style: normal;

text-align: left;

text-align: center;

text-align: right;

text-align: justify;

text-transform: uppercase;

text-transform: lowercase;

text-transform: capitalize;

text-transform: none;

text-decoration-line: underline;

text-decoration-line: overline;

text-decoration-line: line-through;

text-decoration-line: none;

line-height: 1;

line-height: 1.25;

line-height: 1.5;

line-height: 1.625;

line-height: 2;

letter-spacing: -0.05em;

letter-spacing: -0.025em;

letter-spacing: 0em;

letter-spacing: 0.025em;

letter-spacing: 0.05em;

letter-spacing: 0.1em;

overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

text-wrap: wrap;

text-wrap: nowrap;

white-space: normal;

white-space: nowrap;

white-space: pre;

overflow-wrap: break-word;

word-break: break-all;

list-style-type: none;

list-style-type: disc;

list-style-type: decimal;

color: #fff;

color: #000;

color: transparent;

color: #f9fafb;

color: #f3f4f6;

color: #d1d5db;

color: #6b7280;

color: #374151;

color: #111827;

color: #ef4444;

color: #3b82f6;

color: #22c55e;

color: #eab308;

color: #a855f7;

color: #ec4899;

color: #6366f1;

color: #06b6d4;

background-color: #fff;

background-color: #000;

background-color: transparent;

background-color: #f9fafb;

background-color: #f3f4f6;

background-color: #e5e7eb;

background-color: #6b7280;

background-color: #1f2937;

background-color: #111827;

background-color: #ef4444;

background-color: #3b82f6;

background-color: #22c55e;

background-color: #eab308;

background-color: #a855f7;

background-color: #6366f1;

background-image: linear-gradient(to right, var(--tw-gradient-stops));

background-image: linear-gradient(to bottom, var(--tw-gradient-stops));

--tw-gradient-from: #3b82f6;

--tw-gradient-to: #a855f7;

--tw-gradient-via: #22c55e;

opacity: 0;

opacity: 0.25;

opacity: 0.5;

opacity: 0.75;

opacity: 1;

display: flex;

display: inline-flex;

flex-direction: row;

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-wrap: wrap;

flex-wrap: nowrap;

flex-wrap: wrap-reverse;

flex: 1 1 0%;

flex: 1 1 auto;

flex: 0 1 auto;

flex: none;

flex-grow: 1;

flex-grow: 0;

flex-shrink: 1;

flex-shrink: 0;

justify-content: flex-start;

justify-content: flex-end;

justify-content: center;

justify-content: space-between;

justify-content: space-around;

justify-content: space-evenly;

align-items: flex-start;

align-items: flex-end;

align-items: center;

align-items: baseline;

align-items: stretch;

align-self: auto;

align-self: flex-start;

align-self: flex-end;

align-self: center;

align-self: stretch;

order: 1;

order: 2;

order: -9999;

order: 9999;

order: 0;

display: grid;

display: inline-grid;

grid-template-columns: repeat(1, minmax(0, 1fr));

grid-template-columns: repeat(2, minmax(0, 1fr));

grid-template-columns: repeat(3, minmax(0, 1fr));

grid-template-columns: repeat(4, minmax(0, 1fr));

grid-template-columns: repeat(6, minmax(0, 1fr));

grid-template-columns: repeat(12, minmax(0, 1fr));

grid-template-columns: none;

grid-template-rows: repeat(1, minmax(0, 1fr));

grid-template-rows: repeat(2, minmax(0, 1fr));

grid-template-rows: repeat(3, minmax(0, 1fr));

grid-template-rows: none;

grid-column: span 1 / span 1;

grid-column: span 2 / span 2;

grid-column: span 3 / span 3;

grid-column: span 4 / span 4;

grid-column: span 6 / span 6;

grid-column: 1 / -1;

grid-column-start: 1;

grid-column-end: 3;

grid-row: span 1 / span 1;

grid-row: span 2 / span 2;

grid-row: 1 / -1;

grid-auto-flow: row;

grid-auto-flow: column;

grid-auto-flow: dense;

grid-auto-columns: auto;

grid-auto-columns: minmax(0, 1fr);

grid-auto-rows: auto;

grid-auto-rows: minmax(0, 1fr);

place-content: center;

place-items: center;

place-self: center;

border-width: 1px;

border-width: 0px;

border-width: 2px;

border-width: 4px;

border-width: 8px;

border-top-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-right-width: 1px;

border-style: solid;

border-style: dashed;

border-style: dotted;

border-style: double;

border-style: none;

border-color: #d1d5db;

border-color: #6b7280;

border-color: #ef4444;

border-color: #3b82f6;

border-color: #22c55e;

border-color: #fff;

border-color: #000;

border-color: transparent;

border-radius: 0px;

border-radius: 0.125rem;

border-radius: 0.25rem;

border-radius: 0.375rem;

border-radius: 0.5rem;

border-radius: 0.75rem;

border-radius: 1rem;

border-radius: 1.5rem;

border-radius: 9999px;

border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;

border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;

outline: 2px solid transparent; outline-offset: 2px;

outline-style: solid;

box-shadow: var(--tw-ring-inset) 0 0 0 0px var(--tw-ring-color);

box-shadow: var(--tw-ring-inset) 0 0 0 1px var(--tw-ring-color);

box-shadow: var(--tw-ring-inset) 0 0 0 2px var(--tw-ring-color);

> * + * { border-left-width: 1px; }

> * + * { border-top-width: 1px; }

box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);

box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);

box-shadow: 0 0 #0000;

filter: blur(4px);

filter: blur(8px);

filter: blur(12px);

filter: blur(16px);

filter: blur(0);

filter: brightness(.5);

filter: brightness(1);

filter: brightness(1.5);

filter: contrast(.5);

filter: contrast(1);

filter: grayscale(100%);

filter: grayscale(0);

filter: invert(100%);

filter: invert(0);

filter: saturate(.5);

filter: saturate(1);

filter: saturate(2);

filter: sepia(100%);

filter: sepia(0);

backdrop-filter: blur(4px);

backdrop-filter: blur(12px);

mix-blend-mode: normal;

mix-blend-mode: multiply;

mix-blend-mode: screen;

mix-blend-mode: overlay;

display: none;

display: block;

display: inline;

display: inline-block;

visibility: hidden;

visibility: visible;

overflow: hidden;

overflow: auto;

overflow: scroll;

overflow: visible;

overflow-x: auto;

overflow-y: auto;

position: relative;

position: absolute;

position: fixed;

position: sticky;

position: static;

inset: 0px;

top: 0px;

right: 0px;

bottom: 0px;

left: 0px;

z-index: 0;

z-index: 10;

z-index: 20;

z-index: 30;

z-index: 40;

z-index: 50;

z-index: auto;

cursor: pointer;

cursor: default;

cursor: not-allowed;

cursor: wait;

pointer-events: none;

pointer-events: auto;

user-select: none;

user-select: text;

user-select: all;

resize: none;

resize: both;

resize: horizontal;

resize: vertical;

appearance: none;

transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;

transition-property: none;

transition-duration: 75ms;

transition-duration: 100ms;

transition-duration: 150ms;

transition-duration: 200ms;

transition-duration: 300ms;

transition-duration: 500ms;

transition-duration: 700ms;

transition-duration: 1000ms;

transition-timing-function: linear;

transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-delay: 75ms;

transition-delay: 100ms;

transition-delay: 150ms;

transition-delay: 200ms;

transition-delay: 300ms;

transition-delay: 500ms;

animation: none;

animation: spin 1s linear infinite;

animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;

animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

animation: bounce 1s infinite;

transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

transform: none;

transform: scale(0);

transform: scale(.5);

transform: scale(.75);

transform: scale(1);

transform: scale(1.1);

transform: scale(1.25);

transform: scale(1.5);

transform: rotate(0deg);

transform: rotate(45deg);

transform: rotate(90deg);

transform: rotate(180deg);

transform: rotate(-45deg);

transform: rotate(-90deg);

transform: translateX(0px);

transform: translateX(0.25rem);

transform: translateX(100%);

transform: translateY(0px);

transform: translateY(100%);

transform: translateX(-50%);

transform: translateY(-50%);

transform-origin: center;

transform-origin: top;

transform-origin: bottom;

transform-origin: left;

transform-origin: right;

will-change: auto;

will-change: scroll-position;

will-change: transform;