Elevation

Overview

Elevation design tokens provide standardized values that help ensure consistent shadows across Firefox experiences on Android.

0 1px 3px 1px rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.3)

Lowest resting level elevation for cards, etc.

0 2px 6px 2px rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.3)

Mid-level resting elevation for tooltips, menus, etc.

0 4px 8px 3px rgba(0,0,0,0.15), 0 1px 3px 0 rgba(0,0,0,0.3)

Highest resting level elevation for sheets, FABs, etc.

0 6px 10px 4px rgba(0,0,0,0.15), 0 2px 3px 0 rgba(0,0,0,0.3)

(not assigned as resting level)

0 8px 12px 6px rgba(0,0,0,0.15), 0 4px 4px 0 rgba(0,0,0,0.3)

(not assigned as resting level)