fix(menu): make it easier to override elevation (#5873)

Fixes #5870.
angular · Jul 20, 2017 · 6f5dcd5 · 6f5dcd5
1 parent 93b36b3
commit 6f5dcd5
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss
@@ -13,11 +13,15 @@ $mat-menu-side-padding: 16px !default;
 $mat-menu-icon-margin: 16px !default;
 
 
-@mixin mat-menu-base($elevation) {
-  @include mat-elevation($elevation);
+@mixin mat-menu-base($default-elevation) {
   min-width: $mat-menu-overlay-min-width;
   max-width: $mat-menu-overlay-max-width;
 
+  // Allow elevation to be overwritten.
+  &:not([class*='mat-elevation-z']) {
+    @include mat-elevation($default-elevation);
+  }
+
   overflow: auto;
   -webkit-overflow-scrolling: touch;   // for momentum scroll on mobile
 }