Shadow
A shadow gives the perception of depth and distance between different layers, helping to create a visual hierarchy that enhances comprehension and engagement.
There are six shadow elevations to choose from.
| Token | X-Axis (px) | Y-Axis (px) | Blur (px) |
|---|---|---|---|
--salt-shadow-100 | 0 | 1 | 3 |
--salt-shadow-200 | 0 | 2 | 4 |
--salt-shadow-300 | 0 | 4 | 8 |
--salt-shadow-400 | 0 | 6 | 10 |
--salt-shadow-500 | 0 | 12 | 40 |
We appreciate your thoughts and feedback on any content in the Salt foundations. Please contact us if you have any comments or questions.