All collections
Effect-styles
19 custom properties · v0.4.3
Shadows
8shadow-xs1 layer
0px 1px 2px 0px #1515160dshadow-xs-skeuomorphic3 layers
inset 0px 0px 0px 1px #15151633, inset 0px -2px 0px 0px #1515160d, 0px 1px 2px 0px #1515160dshadow-sm2 layers
0px 1px 3px 0px #1515161a, 0px 1px 2px -1px #1515161ashadow-md2 layers
0px 4px 6px -1px #1515161a, 0px 2px 4px -2px #1515160dshadow-lg3 layers
0px 12px 16px -4px #1515160d, 0px 4px 6px -2px #15151605, 0px 2px 2px -1px #1515160dshadow-xl3 layers
0px 20px 24px -4px #1515161a, 0px 8px 8px -4px #15151605, 0px 3px 3px -1.5px #1515160dshadow-2xl2 layers
0px 24px 48px -12px #15151633, 0px 4px 4px -2px #1515160dshadow-3xl2 layers
0px 32px 64px -12px #1515161a, 0px 5px 5px -2.5px #1515160dFocus rings
7focus-ring2 layers
0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fcbfc2focus-ring-shadow-xs3 layers
0px 1px 2px 0px #1515160d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fcbfc2focus-ring-shadow-xs-skeuomorphic5 layers
inset 0px 0px 0px 1px #15151633, inset 0px -2px 0px 0px #1515160d, 0px 1px 2px 0px #1515160d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fcbfc2focus-ring-shadow-sm4 layers
0px 1px 3px 0px #1515161a, 0px 1px 2px 0px #1515161a, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fcbfc2focus-ring-error2 layers
0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #db1a24focus-ring-error-shadow-xs3 layers
0px 1px 2px 0px #1515160d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #db1a24focus-ring-error-shadow-xs-skeuomorphic5 layers
inset 0px 0px 0px 1px #15151633, inset 0px -2px 0px 0px #1515160d, 0px 1px 2px 0px #1515160d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #db1a24Backdrop blurs
48px16px24px40px