50 lines
724 B
SCSS
50 lines
724 B
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;
|
|
}
|