//
// Fullscreen
//

$fullscreen-list: -webkit-full-screen, -moz-full-screen, -ms-fullscreen, full-screen, fullscreen;
$backdrop-list: backdrop, -ms-backdrop;

@each $fullscreen in $fullscreen-list {
  :#{$fullscreen} {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;

    .magnify-header,
    .magnify-footer,
    .magnify-resizable-handle {
      display: none;
    }

    .magnify-stage {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-width: 0;
      background-color: #000;
    }
  }
}

@each $backdrop in $backdrop-list {
  ::#{$backdrop} {
    background-color: #000;
  }
}