본문으로 건너뛰기

테두리 · 그림자 · 곡률

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

견본

shadow-sm

border · rounded-lg

shadow-lg

border · rounded-lg

shadow-xl

border · rounded-lg

값

--dx-radius-scale
0.15

모양 · 필수

--dx-border-width
2px

모양 · 필수

--dx-density
Polaris 값

모양

--dx-shadow-sm
3px 3px 0 var(--border-strong)

모양 · 필수

--dx-shadow-lg
5px 5px 0 var(--border-strong)

모양 · 필수

--dx-shadow-xl
8px 8px 0 var(--border-strong)

모양 · 필수