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

// iOS Modals
// --------------------------------------------------

/// @prop - Background color for the modal
$modal-ios-background-color:          $background-ios-color !default;

/// @prop - Border radius for the modal
$modal-ios-border-radius:             10px !default;

.ios .modal-wrapper {
  // hidden by default to prevent flickers, the animation will show it
  @include transform(translate3d(0, 100%, 0));

  @media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) {
    @include border-radius($modal-ios-border-radius);

    overflow: hidden;
  }
}