Shadow
AI Tip Want to skip the docs? Use the MCP Server
Tokens
| Name | Styled-System Value | Value | Preview |
|---|---|---|---|
--hop-shadow-none | core_none | none | |
--hop-shadow-sm | core_sm | 0 1px 6px 0 rgba(60, 60, 60, 0.10) | |
--hop-shadow-md | core_md | 0 4px 10px 4px rgba(60, 60, 60, 0.08) | |
--hop-shadow-lg | core_lg | 0 10px 18px 8px rgba(60, 60, 60, 0.08) | |
--hop-shadow-tactility-button | core_tactility-button | 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset | |
--hop-shadow-tactility-card | core_tactility-card | 0 12px 12px 0 rgba(0, 0, 0, 0.05) | |
--hop-shadow-tactility-control | core_tactility-control | 1.5px 1.5px 1.5px 0 rgba(0, 0, 0, 0.03), -5px -5px 20px 0 rgba(255, 255, 255, 0.2), 0.5px 1.5px 5px 0 rgba(0, 0, 0, 0.1) inset, -2.5px 2.5px 5px 0 rgba(255, 255, 255, 0.5) inset |