Elevation Tokens
Elevation tokens are used to give elements the appearance of being raised off the page. Use them with the
box-shadow property. These are especially useful for menus, popovers, and dialogs.
| Token | Example |
|---|---|
--sc-shadow-x-small |
|
--sc-shadow-small |
|
--sc-shadow-medium |
|
--sc-shadow-large |
|
--sc-shadow-x-large |