@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; }