/* Container */
container
max-w-xs | max-w-sm | max-w-md | max-w-lg | max-w-xl | max-w-2xl | max-w-3xl | max-w-4xl | max-w-5xl | max-w-6xl | max-w-full
w-0 → w-full | h-0 → h-full | min-w-0 | min-h-0 | max-w-full | max-h-screen
box-border | box-content

/* Display */
block | inline-block | inline | flex | inline-flex | grid | inline-grid | hidden
flex-row | flex-row-reverse | flex-col | flex-col-reverse
flex-wrap | flex-wrap-reverse | flex-nowrap
gap-0 → gap-64
grid-cols-1 → grid-cols-12 | grid-rows-1 → grid-rows-6
place-items-start | center | end | stretch
place-content-start | center | between | around

/* Padding */
p-0 → p-64 | px-0 → px-64 | py-0 → py-64 | pt-0 → pt-64 | pr-0 → pr-64 | pb-0 → pb-64 | pl-0 → pl-64

/* Margin */
m-0 → m-64 | mx-auto | mx-0 → mx-64 | my-0 → my-64 | mt-0 → mt-64 | mr-0 → mr-64 | mb-0 → mb-64 | ml-0 → ml-64
Negative: -m-1 → -m-64 | -mt-2 | -mx-4

text-xs → text-9xl
font-thin | font-light | font-normal | font-medium | font-semibold | font-bold | font-extrabold | font-black
leading-none | leading-tight | leading-snug | leading-normal | leading-relaxed | leading-loose
tracking-tighter | tracking-tight | tracking-normal | tracking-wide | tracking-wider | tracking-widest
text-left | text-center | text-right | text-justify
text-white | text-black | text-gray-50 → text-gray-900 | text-red-500 → text-red-900 ...
uppercase | lowercase | capitalize | normal-case
underline | line-through | no-underline
truncate | overflow-ellipsis | overflow-clip

/* Background */
bg-white | bg-black | bg-gray-50 → bg-gray-900 | bg-red-500 → bg-red-900 ...
bg-opacity-0 → bg-opacity-100
bg-gradient-to-t | bg-gradient-to-tr | bg-gradient-to-r | bg-gradient-to-br | bg-gradient-to-b | bg-gradient-to-bl | bg-gradient-to-l | bg-gradient-to-tl
from-red-500 → to-blue-500

/* Border */
border | border-0 → border-8 | border-t | border-b | border-l | border-r
border-white | border-black | border-gray-50 → border-gray-900
rounded-none | rounded-sm | rounded | rounded-md | rounded-lg | rounded-xl | rounded-2xl | rounded-full
divide-x | divide-y | divide-gray-50 → divide-gray-900

shadow-sm | shadow | shadow-md | shadow-lg | shadow-xl | shadow-2xl | shadow-inner | shadow-none
opacity-0 → opacity-100
overflow-auto | overflow-hidden | overflow-scroll | overflow-x-auto | overflow-y-auto
cursor-auto | cursor-pointer | cursor-wait | cursor-not-allowed
z-0 → z-50 | z-auto

hover:bg-gray-100 | focus:ring-2 | active:text-red-500
ring | ring-1 → ring-8 | ring-offset-0 → ring-offset-8 | ring-red-500 → ring-blue-500
transition | transition-all | transition-colors | transition-opacity | duration-75 → duration-1000 | ease-linear | ease-in | ease-out | ease-in-out
transform | scale-50 → scale-150 | rotate-0 → rotate-180 | translate-x-0 → translate-x-64 | translate-y-0 → translate-y-64
animate-spin | animate-ping | animate-pulse | animate-bounce

static | relative | absolute | fixed | sticky
top-0 → top-64 | right-0 → right-64 | bottom-0 → bottom-64 | left-0 → left-64
inset-0 → inset-64 | inset-x-0 → inset-x-64 | inset-y-0 → inset-y-64

px-4 py-2 → padding X + Y
mx-auto → horizontal center
text-center font-bold → center + bold text
flex justify-between items-center → common flex layout
grid grid-cols-3 gap-4 → 3-column grid
absolute inset-0 → full-cover positioning

/* Responsive */
sm: | md: | lg: | xl: | 2xl:

/* States */
hover: | focus: | active: | disabled: | checked: | visited:

/* Dark Mode */
dark:bg-gray-800 | dark:text-white | dark:border-gray-700

/* Motion Preferences */
motion-reduce: | motion-safe:

aspect-w-16 aspect-h-9
list-none | list-disc | list-decimal
pointer-events-none | pointer-events-auto
object-contain | object-cover | object-fill | object-scale-down
visible | invisible
break-normal | break-words | break-all
whitespace-normal | whitespace-nowrap | whitespace-pre | whitespace-pre-wrap

Gray: gray-50 → gray-900
Red: red-50 → red-900
Yellow: yellow-50 → yellow-900
Green: green-50 → green-900
Blue: blue-50 → blue-900
Indigo: indigo-50 → indigo-900
Purple: purple-50 → purple-900
Pink: pink-50 → pink-900