본문으로 건너뛰기

테두리 · 그림자 · 곡률

Ceres 가 정한 값이다. 표는 @duolabs-deux/ceres-ui 의 scope.css 에서 읽고, 견본은 Ceres 경계 안에서 그린다.

견본

shadow-sm

border · rounded-lg

shadow-lg

border · rounded-lg

shadow-xl

border · rounded-lg

값

--dx-radius-scale
1.5

모양 · 필수

--dx-border-width
1px

모양 · 필수

--dx-density
1.125

모양

--dx-shadow-sm
0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)

모양 · 필수

--dx-shadow-lg
0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)

모양 · 필수

--dx-shadow-xl
0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)

모양 · 필수