Box shadow

Default values

Classname key CSS value
0 0 0px 8px rgba(0, 0, 0, 0.1)
3xs 0 1px 9px rgba(0, 0, 0, 0.1)
2xs 0 2px 10px rgba(0, 0, 0, 0.1)
xs 0 4px 12px rgba(0, 0, 0, 0.1)
sm 0 8px 16px rgba(0, 0, 0, 0.1)
md 0 16px 24px rgba(0, 0, 0, 0.1)
lg 0 24px 32px rgba(0, 0, 0, 0.1)
xl 0 32px 40px rgba(0, 0, 0, 0.1)
2xl 0 40px 48px rgba(0, 0, 0, 0.1)
3xl 0 48px 56px rgba(0, 0, 0, 0.1)
4xl 0 56px 64px rgba(0, 0, 0, 0.1)
5xl 0 64px 72px rgba(0, 0, 0, 0.1)
6xl 0 72px 80px rgba(0, 0, 0, 0.1)
7xl 0 80px 88px rgba(0, 0, 0, 0.1)
8xl 0 88px 96px rgba(0, 0, 0, 0.1)
9xl 0 96px 104px rgba(0, 0, 0, 0.1)
n none

Default variants

Classname key Variant selector
h &:hover
f &:focus