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 {
|
2021-08-18 20:38:12 +02:00
|
|
|
.element-container {
|
|
|
|
max-width: none;
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
.element__image {
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
.carousel-slide {
|
|
|
|
align-items: center;
|
|
|
|
background: $sliderelement-carousel-slide-bg;
|
|
|
|
max-height: $sliderelement-carousel-slide-max-y;
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
.video {
|
|
|
|
height: 100%;
|
|
|
|
position: relative;
|
|
|
|
@include responsive-ratio(
|
|
|
|
$sliderelement-carousel-slide-ratio-x,
|
|
|
|
$sliderelement-carousel-slide-ratio-y,
|
|
|
|
true
|
|
|
|
);
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
iframe {
|
|
|
|
height: 100% !important;
|
|
|
|
height: unquote(
|
|
|
|
math.div(
|
|
|
|
$sliderelement-carousel-slide-ratio-y,
|
|
|
|
$sliderelement-carousel-slide-ratio-x
|
|
|
|
) * 100 + "vw"
|
|
|
|
) !important;
|
|
|
|
max-width: none;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
width: 100vw !important;
|
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
2021-08-18 20:38:12 +02:00
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|