83 lines
1.6 KiB
SCSS
Executable File
83 lines
1.6 KiB
SCSS
Executable File
/*
|
|
* Bootstrap carousel improvement
|
|
*/
|
|
|
|
/*.carousel-item {
|
|
&.active {
|
|
display: flex !important;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
}
|
|
}*/
|
|
|
|
$carousel-title-color: $white !default;
|
|
$carousel-slide-min-height: 4rem !default;
|
|
$carousel-text-shadow: 1px 1px $black !default;
|
|
$carousel-controls-font-size: 3rem;
|
|
$carousel-controls-zindex: 11 !default;
|
|
$carousel-controls-shadow: 1px 1px $black !default;
|
|
$carousel-controls-hover-bg: transparentize($black, 0.4) !default;
|
|
$carousel-slide-img-loading-max-height: 25vh !default;
|
|
|
|
.carousel-slide {
|
|
min-height: $carousel-slide-min-height;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
|
|
>.container {
|
|
position: relative;
|
|
}
|
|
|
|
.video {
|
|
width: 100%;
|
|
|
|
iframe {
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
.img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
img.loading {
|
|
max-height: $carousel-slide-img-loading-max-height;
|
|
}
|
|
}
|
|
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
z-index: $carousel-controls-zindex;
|
|
font-size: $carousel-controls-font-size;
|
|
text-shadow: $carousel-controls-shadow;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background: $carousel-controls-hover-bg;
|
|
}
|
|
}
|
|
|
|
.carousel-indicators li {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.carousel-title {
|
|
color: $carousel-title-color;
|
|
}
|
|
|
|
.carousel-title,
|
|
.carousel-content {
|
|
text-shadow: $carousel-text-shadow;
|
|
}
|
|
|
|
.carousel-caption {
|
|
right: 0;
|
|
left: auto;
|
|
width: 50%;
|
|
bottom: 0;
|
|
}
|