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

36 lines
1000 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 {
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;
height: unquote(math.div($sliderelement-carousel-slide-ratio-y, $sliderelement-carousel-slide-ratio-x) * 100 + 'vw') !important;
}
}
}
}