styles

Elevation

Elevation separates surfaces, so it's clear what sits on top and what can be interacted with.

--ds-shadow-*, used by tw-shadow-*.

Shadows

  • surface0px 1px 3px rgba(0, 0, 0, 0.1)
    --ds-shadow-surfacetw-shadow-surface
  • raised0px 0px 8px rgba(34, 34, 34, 0.12)
    --ds-shadow-raisedtw-shadow-raised