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

// iOS Menu
// --------------------------------------------------

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

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

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


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

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

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

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