Skip to content

Commit c39e768

Browse files
feat: update dropdown shadow to match Pine's visual prominence (#2142)
- Change sage-dropdown__panel from sage-shadow(md) to sage-shadow(100) - Matches Pine's --pine-box-shadow-100 for consistent visual prominence - Addresses DSS-1493 The sage-shadow(100) token has identical shadow values to Pine's --pine-box-shadow-100: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06) ensuring perfect visual matching while maintaining design system consistency. Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
1 parent 974059b commit c39e768

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

packages/sage-assets/lib/stylesheets/components/_dropdown.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -346,7 +346,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
346346
width: auto;
347347
border-radius: sage-border(radius-medium);
348348
background-color: sage-color(white);
349-
box-shadow: sage-shadow(md);
349+
box-shadow: sage-shadow(100);
350350
transition: map-get($sage-transitions, default);
351351
transition-property: transform, z-index;
352352

0 commit comments

Comments
 (0)