Design token diff
Showing changes between two snapshots of hashnode.com
Colors
+17 added−16 removed13 unchangedTypography
+11 added−11 removed13 unchanged+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|16px|400suisseIntl 16px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|14px|400suisseIntl 14px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|14px|500suisseIntl 14px / 500
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|14px|600suisseIntl 14px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|12px|500suisseIntl 12px / 500
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|12px|400
Spacing
+4 added−4 removed28 unchanged+.888889emSpace .888889em
+1emSpace 1em
+3.89198px3.89198px
+7.78397px7.78397px
−var(--fa-border-padding,.1875em .25em)Space var fa border padding .1875em .25em
−1pxSpace 1px
−4.40918px4.40918px
Border Radius
+10 added−10 removed6 unchanged+.1emRadius .1em
+.625remRadius .625rem
+calc(.625rem + 8px)Radius calc .625rem 8px
+calc(.625rem + 12px)Radius calc .625rem 12px
+calc(.625rem - 5px)Radius calc .625rem 5px
+9999pxRadius 9999px
+calc(.625rem - 2px)Radius calc .625rem 2px
Shadows
+2 added−2 removed4 unchanged+0 0 0 2px lab(39.0411% 26.565 -77.438)Shadow 1
+0 0 0 2px #0000Shadow 2
−0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)Shadow 1
−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 2
suisseIntl 12px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|18px|400suisseIntl 18px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|18px|600suisseIntl 18px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|18px|500suisseIntl 18px / 500
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|24px|700suisseIntl 24px / 700
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|18px|700suisseIntl 18px / 700
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|16px|400suisseIntl 16px / 400
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|400suisseIntl 14px / 400
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|500suisseIntl 14px / 500
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|600suisseIntl 14px / 600
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|12px|400suisseIntl 12px / 400
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|400suisseIntl 18px / 400
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|12px|500suisseIntl 12px / 500
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|600suisseIntl 18px / 600
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|500suisseIntl 18px / 500
−"Font Awesome 7 Jelly"|20px|400Font Awesome 7 Jelly 20px / 400
−suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|16px|500suisseIntl 16px / 500
−
28px
28px
+
calc(.625rem - 4px)
Radius calc .625rem 4px
+calc(.625rem + 4px)Radius calc .625rem 4px 2
−var(--fa-border-radius,.1em)Radius var fa border radius .1em
−calc(var(--radius) + 8px)Radius calc var radius 8px
−calc(var(--radius) + 12px)Radius calc var radius 12px
−calc(var(--radius) - 5px)Radius calc var radius 5px
−3.40282e38pxRadius 3.40282e38px
−var(--radius)Radius var radius
−calc(var(--radius) - 2px)Radius calc var radius 2px
−calc(var(--radius) - 4px)Radius calc var radius 4px
−calc(var(--radius) + 4px)Radius calc var radius 4px 2
−var(--radius-xs)Radius var radius xs