고도

겹침과 떠 있는 계층을 설명할 때만 두 단계 그림자를 사용합니다.

목적

고도는 메뉴, 팝오버처럼 실제로 겹치는 계층을 설명합니다. 일반 카드 구분에는 우선 배경과 border를 사용합니다.

사용 문법

box-shadow: var(--ds-elevation-1);

생성된 단계

elevation/10 1px 2px rgba(15, 23, 42, 0.06)
elevation/20 8px 24px rgba(15, 23, 42, 0.10)