webpack-bootstrap-ui-kit/src/scss/elements/slider.scss

45 lines
968 B
SCSS

@use "sass:math";
.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 {
align-items: center;
background: $sliderelement-carousel-slide-bg;
max-height: $sliderelement-carousel-slide-max-y;
.video {
height: 100%;
position: relative;
@include responsive-ratio(
$sliderelement-carousel-slide-ratio-x,
$sliderelement-carousel-slide-ratio-y,
true
);
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;
}
}
}
}