@import "../../themes/ionic.globals.md";

// Material Design Menu
// --------------------------------------------------

/// @prop - Background of the menu
$menu-md-background:            $background-md-color !default;

/// @prop - Box shadow color of the menu
$menu-md-box-shadow-color:      rgba(0, 0, 0, .25) !default;

/// @prop - Box shadow of the menu
$menu-md-box-shadow:            0 0 10px $menu-md-box-shadow-color !default;


.md .menu-inner {
  background: $menu-md-background;
}

.md .menu-content-reveal {
  box-shadow: $menu-md-box-shadow;
}

.md .menu-content-push {
  box-shadow: $menu-md-box-shadow;
}

.md ion-menu[type=overlay] .menu-inner {
  box-shadow: $menu-md-box-shadow;
}