30 lines
597 B
SCSS
30 lines
597 B
SCSS
|
#section__player{
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
left: calc(var(--padding-body)*-1);
|
||
|
|
|
||
|
|
@media #{$small}{
|
||
|
|
width: 100vw;
|
||
|
|
// aspect-ratio: 1/1;
|
||
|
|
.player__container, .player__element, .player__iframe, iframe{
|
||
|
|
width: 100%;
|
||
|
|
height: 75vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media #{$small-up}{
|
||
|
|
position: relative;
|
||
|
|
width: 100vw;
|
||
|
|
height: 60vh;
|
||
|
|
.player__container, .player__element, .player__iframe, iframe{
|
||
|
|
width: 100%;
|
||
|
|
height: 60vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|