40 lines
684 B
SCSS
40 lines
684 B
SCSS
|
.modalImageContainerSquare {
|
||
|
|
width: 100%;
|
||
|
|
height: 0;
|
||
|
|
padding-bottom: 100%;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
img {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
.imgLoading {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.modalVideoContainer {
|
||
|
|
width: 100%;
|
||
|
|
height: 0;
|
||
|
|
padding-bottom: 56.25%;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
iframe {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
}
|