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

// Backdrop
// --------------------------------------------------

/// @prop - Color of the backdrop
$backdrop-color: #000 !default;

ion-backdrop {
  @include position(0, null, null, 0);

  position: absolute;
  z-index: $z-index-backdrop;
  display: block;

  width: 100%;
  height: 100%;

  background-color: $backdrop-color;
  opacity: .01;
  transform: translateZ(0);
}

ion-backdrop.backdrop-no-tappable {
  cursor: auto;
}