Design Tokens

Shadows

Smooth layered box shadows with a natural look.

Shadows are provided as CSS variables --nn-shadow-lg and --nn-shadow-sm.

<div style="box-shadow: var(--nn-shadow-lg);">large</div>
<div style="box-shadow: var(--nn-shadow-sm);">small</div>