Honeycomb Credit

Shadows

Note that shadows are invisible in the dark theme.

shadow-2xs

shadow-xs

shadow-sm

shadow-md

shadow-lg

shadow-xl

shadow-2xl

shadow-2xs0 1px 2px 0 rgb(0 0 0 / 0.03)

shadow-xs0 1px 2px 0 rgb(0 0 0 / 0.05)

shadow-sm0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)

shadow-md0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)

shadow-lg0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)

shadow-xl0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)

shadow-2xl0 25px 50px -12px rgb(0 0 0 / 0.25)