본문으로 건너뛰기

그림자와 레이어

경계선으로 입력과 정보를 우선 구분하고 그림자는 카드, 드롭다운, 다이얼로그처럼 실제로 겹치는 요소에만 사용한다.

그림자 단계

sm

필드, 정보 카드와 다이얼로그의 겹침 정도를 구분한다.

md

필드, 정보 카드와 다이얼로그의 겹침 정도를 구분한다.

lg

필드, 정보 카드와 다이얼로그의 겹침 정도를 구분한다.

레이어 순서

--sirius-layer-base0
--sirius-layer-sticky100
--sirius-layer-dropdown200
--sirius-layer-overlay300
--sirius-layer-modal400
--sirius-layer-toast500