Shadow
Shadow 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 |
|---|---|
--ahi-shadow-transparent |
|
--ahi-shadow-faint |
|
--ahi-shadow-base |
|
--ahi-shadow-deep |
|
--ahi-shadow-button |
|
--ahi-shadow-top-bar |
|
--ahi-shadow-card |
|
--ahi-shadow-popover |
|
--ahi-shadow-layer |
|
--ahi-shadow-modal |