Generateurv2/frontend/styles/exos/Modal.module.scss

@import "../variables";
@import "../mixins";

.ex_card--body{
  @include down(840){
    max-height: 200%;
  }
}

.modal {
  z-index: 2000;
  position: fixed;
  @include down(840) {
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
  }

  @include up(840) {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }

  //transition: 1s;
  visibility: hidden;
  backface-visibility: hidden;
}

.visible {
  visibility: visible;
}

.md-effect .md-content {
  min-width: 30vw;
  min-height: 1px;
  //transition: 1s;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.1s;
}

.visible.md-effect .md-content {
  transform: scale(1);
  opacity: 1;
}