//
// Modal
// --------------------------------------------------

// Top position
.modal-dialog.modal-dialog-top {
  margin-top: 0 !important;
}

// Modal Transitions
.modal {
  &.fade .modal-dialog {
    transition-duration: .4s;

    &.modal-dialog-popin {
      transform: scale(1.25, 1.25);
    }

    &.modal-dialog-popout {
      transform: scale(.75, .75);
    }

    &.modal-dialog-slideup {
      transform: translate(0, 30%);
    }

    &.modal-dialog-slideright {
      transform: translate(-30%, 0);
    }

    &.modal-dialog-slideleft {
      transform: translate(30%, 0);
    }

    &.modal-dialog-fromright {
      transform: translateX(30%) rotate(10deg) scale(.75);
    }

    &.modal-dialog-fromleft {
      transform: translateX(-30%) rotate(-10deg) scale(.75);
    }
  }

  &.show .modal-dialog {
    &.modal-dialog-popin,
    &.modal-dialog-popout {
      transform: scale(1, 1);
    }

    &.modal-dialog-slideup,
    &.modal-dialog-slideright,
    &.modal-dialog-slideleft {
      transform: translate(0, 0);
    }

    &.modal-dialog-fromright,
    &.modal-dialog-fromleft {
      transform: translateX(0) rotate(0) scale(1);
    }
  }
}