2021-08-09 21:15:55 +02:00
|
|
|
@use "sass:math";
|
|
|
|
|
2021-08-09 18:04:09 +02:00
|
|
|
.dynamic__elements__image__elements__elementimage,
|
|
|
|
.site__elements__sliderelement {
|
|
|
|
.element-container {
|
|
|
|
max-width: none;
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.element__image {
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-slide {
|
|
|
|
background: $sliderelement-carousel-slide-bg;
|
|
|
|
max-height: $sliderelement-carousel-slide-max-y;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
.video {
|
|
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
|
|
@include responsive-ratio($sliderelement-carousel-slide-ratio-x, $sliderelement-carousel-slide-ratio-y, true);
|
|
|
|
|
|
|
|
iframe {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
height: 100% !important;
|
|
|
|
width: 100vw !important;
|
|
|
|
max-width: none;
|
2021-08-09 21:15:55 +02:00
|
|
|
height: unquote(math.div($sliderelement-carousel-slide-ratio-y, $sliderelement-carousel-slide-ratio-x) * 100 + 'vw') !important;
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|