Design token diff

Showing changes between two snapshots of egghead.io

Before

Apr 10, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 10, 2026

After

May 7, 2026

+50 added−31 removed

Colors

+18 added

Spacing

+24 added−12 removed8 unchanged

+.25remSpace .25rem

+.25emSpace .25em

+.2857143emSpace .2857143em

+.3remSpace .3rem

+.3emSpace .3em

+.375remSpace .375rem

+.4remSpace .4rem

Border Radius

+2 added−10 removed14 unchanged

+4pxRadius 4px

+16pxRadius 16px

−var(--ais-border-radius-sm)Radius var ais border radius sm

−var(--ais-border-radius-lg)Radius var ais border radius lg

−var(--ais-border-radius-full)Radius var ais border radius full

−var(--ais-border-radius-md)Radius var ais border radius md

−1px

Shadows

+6 added−9 removed6 unchanged

+0px 0px 0px 1px rgba(23,23,23,0.05),0px 4px 8px -2px rgba(23,23,23,0.25)--ais-shadow-md

+0px 0px 0px 1px rgba(23,23,23,0.05),0px 1px 3px 0px rgba(23,23,23,0.25)--ais-shadow-sm

+0px 1px 2px 0px rgba(23,23,23,0.15)--ais-shadow-xs

+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0pxshadow-article.relative.flex

+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.01) 0px 4.5px 3.6px -8px, rgba(0, 0, 0, 0.016) 0px 12.5px 10px -8px, rgba(0, 0, 0, 0.02) 0px 30.1px 24.1px -8px, rgba(0, 0, 0, 0.03) 0px 100px 80px -8pxshadow-div.max-w-2xl.w-full

+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px

Back to egghead.io archive

−calc(-2rem * var(--tw-space-x-reverse)Space calc 2rem var tw space x reverse

−calc(-2rem * calc(1 - var(--tw-space-x-reverse)Space calc 2rem calc 1 var tw space x reverse

−calc(0px * var(--tw-space-x-reverse)Space calc 0px var tw space x reverse

−calc(0px * calc(1 - var(--tw-space-x-reverse)Space calc 0px calc 1 var tw space x reverse

−calc(0px * calc(1 - var(--tw-space-y-reverse)Space calc 0px calc 1 var tw space y reverse

−calc(0px * var(--tw-space-y-reverse)Space calc 0px var tw space y reverse

−calc(.125rem * calc(1 - var(--tw-space-y-reverse)Space calc .125rem calc 1 var tw space y reverse

−calc(.125rem * var(--tw-space-y-reverse)Space calc .125rem var tw space y reverse

−calc(2px * var(--tw-space-x-reverse)Space calc 2px var tw space x reverse

−calc(2px * calc(1 - var(--tw-space-x-reverse)Space calc 2px calc 1 var tw space x reverse

−.3125remRadius .3125rem

−.375remRadius .375rem

shadow-div.bg-white.w-8

−var(--ais-shadow-md)Shadow 1

−var(--ais-shadow-sm)Shadow 2

−var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 8

−0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)Shadow 9

−var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)Shadow 10

−var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)Shadow 11

−0px 1px 2px 0px rgba(var(--ais-shadow-color-rgb),0.15)Shadow 13

−0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb),0.05),0px 1px 3px 0px rgba(var(--ais-shadow-color-rgb),0.25)Shadow 14

−0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb),0.05),0px 4px 8px -2px rgba(var(--ais-shadow-color-rgb),0.25)Shadow 15