UX: softer dropdown and menu panel shadows (#22114)
This commit is contained in:
parent
4b22e67c8b
commit
7958f57174
|
@ -138,9 +138,9 @@
|
|||
|
||||
--shadow-modal: 0 8px 60px rgba(0, 0, 0, #{$shadow-opacity-modal});
|
||||
--shadow-composer: 0 -1px 40px rgba(0, 0, 0, #{$shadow-opacity-composer});
|
||||
--shadow-menu-panel: 0 12px 12px rgba(0, 0, 0, #{$shadow-opacity-menu-panel});
|
||||
--shadow-menu-panel: 0 8px 12px rgba(0, 0, 0, #{$shadow-opacity-menu-panel});
|
||||
--shadow-card: 0 4px 14px rgba(0, 0, 0, #{$shadow-opacity-card});
|
||||
--shadow-dropdown: 0 2px 3px 0 rgba(0, 0, 0, #{$shadow-opacity-dropdown});
|
||||
--shadow-dropdown: 0 2px 12px 0 rgba(0, 0, 0, #{$shadow-opacity-dropdown});
|
||||
--shadow-header: 0 2px 4px -1px rgba(0, 0, 0, #{$shadow-opacity-header});
|
||||
--shadow-footer-nav: 0 0 2px 0 rgba(0, 0, 0, #{$shadow-opacity-footer-nav});
|
||||
--shadow-focus-danger: 0 0 6px 0 var(--danger);
|
||||
|
|
|
@ -177,6 +177,6 @@ $shadow-opacity-modal: dark-light-choose(0.6, 1) !default;
|
|||
$shadow-opacity-composer: dark-light-choose(0.12, 0.35) !default;
|
||||
$shadow-opacity-menu-panel: dark-light-choose(0.15, 0.35) !default;
|
||||
$shadow-opacity-card: dark-light-choose(0.15, 0.5) !default;
|
||||
$shadow-opacity-dropdown: dark-light-choose(0.2, 0.35) !default;
|
||||
$shadow-opacity-dropdown: dark-light-choose(0.1, 0.25) !default;
|
||||
$shadow-opacity-header: dark-light-choose(0.25, 0.45) !default;
|
||||
$shadow-opacity-footer-nav: dark-light-choose(0.2, 0.4) !default;
|
||||
|
|
Loading…
Reference in New Issue