본문으로 건너뛰기

테두리 · 그림자 · 곡률

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

견본

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
Polaris 값

모양

--dx-shadow-sm
0 1px 2px rgb(0 0 0 / 0.04), 0 4px 12px -4px rgb(0 0 0 / 0.08)

모양 · 필수

--dx-shadow-lg
0 24px 48px -16px rgb(0 0 0 / 0.2)

모양 · 필수

--dx-shadow-xl
0 32px 64px -20px rgb(0 0 0 / 0.26)

모양 · 필수