Icons (3)
radix
radix
tabler
Colors (15)
Other (14)
Surface (1)
Typography (11)
ui-monospace (8)
AaThe quick brown fox jumps over the lazy dog
ui-monospace○601em · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace○60.875rem · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace○6012px · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace◑8512.25px · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace◑8512.25px · w500
AaThe quick brown fox jumps over the lazy dog
ui-monospace◑8014px · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace◑8012.25px · w400
AaThe quick brown fox jumps over the lazy dog
ui-monospace◑809px · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit○60100% · winherit
-apple-system (1)
AaThe quick brown fox jumps over the lazy dog
-apple-system◑8016px · w400
Helvetica Neue (1)
AaThe quick brown fox jumps over the lazy dog
Helvetica Neue◑8012px · w400
Spacing (29)
Space calc 2px var scaling
calc(-2px * var(--scaling)
Space calc 0px calc 1 var tw space y reverse
calc(0px * calc(1 - var(--tw-space-y-reverse)
Space calc 0px var tw space y reverse
calc(0px * var(--tw-space-y-reverse)
Space calc .125rem calc 1 var tw space y reverse
calc(.125rem * calc(1 - var(--tw-space-y-reverse)
Space calc .125rem var tw space y reverse
calc(.125rem * var(--tw-space-y-reverse)
Space calc .25rem var tw space x reverse
calc(.25rem * var(--tw-space-x-reverse)
Space calc .25rem calc 1 var tw space x reverse
calc(.25rem * calc(1 - var(--tw-space-x-reverse)
Space calc .25rem calc 1 var tw space y reverse
calc(.25rem * calc(1 - var(--tw-space-y-reverse)
Space calc .25rem var tw space y reverse
calc(.25rem * var(--tw-space-y-reverse)
Space calc .375rem calc 1 var tw space y reverse
calc(.375rem * calc(1 - var(--tw-space-y-reverse)
Space .05em
.05em
Space .125rem
.125rem
Border Radius (16)
Radius var radius 1var(--radius-1)
Radius var radius 4var(--radius-4)
Radius var radius 5var(--radius-5)
Radius inheritinherit
Radius max var radius 2 var radius fullmax(var(--radius-2),var(--radius-full))
Radius max var radius 3 var radius fullmax(var(--radius-3),var(--radius-full))
Radius max var radius 4 var radius fullmax(var(--radius-4),var(--radius-full))
Radius max var radius 5 var radius fullmax(var(--radius-5),var(--radius-full))
Radius max var radius 6 var radius fullmax(var(--radius-6),var(--radius-full))
Radius max var radius 1 var radius fullmax(var(--radius-1),var(--radius-full))
Radius var radius 3var(--radius-3)
Radius var base card border radiusvar(--base-card-border-radius)
Radius calc var base card border radius var base card border widthcalc(var(--base-card-border-radius) - var(--base-card-border-width))
Radius var skeleton radiusvar(--skeleton-radius)
Radius var checkbox border radiusvar(--checkbox-border-radius)
Radius calc .5px .2em var radius factorcalc((.5px + .2em) * var(--radius-factor))
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260