our themes
Effects
We use shadows to differentiate components from the rest of the interface, especially used on transient components that appear elevated and are dismissable.
The effect styles remain equal in the different subthemes of Wireframe (Vulcan, Astra and Root).
Shadows
Effect | Effect name | Box shadow |
---|---|---|
Border name: shadow_10 | Box shadow:box-shadow: 0px 2px 8px 0px rgba(0 0 0 0.25) |