Reduce box shadow on layout nav wrapper

5 years ago · c2d9be46e7
1 changed files with 1 additions and 5 deletions
--- a/packages/standard-components/src/Layout.svelte
+++ b/packages/standard-components/src/Layout.svelte
@ -136,11 +136,7 @@
    background: var(--spectrum-alias-background-color-primary);
    z-index: 2;
    border-bottom: 1px solid var(--spectrum-global-color-gray-300);
-    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.075);
-  }
-  :global(.spectrum--dark) .nav-wrapper,
-  :global(.spectrum-darkest) .nav-wrapper {
-    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  }
  .layout--top .nav-wrapper.sticky {
    position: sticky;