mirror of https://github.com/ColorlibHQ/AdminLTE
65 lines
1.5 KiB
SCSS
65 lines
1.5 KiB
SCSS
// Left/right controls for nav
|
|
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
color: $carousel-control-color-alt;
|
|
opacity: $carousel-control-opacity-alt;
|
|
|
|
// Hover/focus state
|
|
&:hover,
|
|
&:focus {
|
|
color: $carousel-control-color-alt;
|
|
opacity: $carousel-control-hover-opacity-alt;
|
|
}
|
|
}
|
|
.carousel-control-prev {
|
|
background-image: if($enable-gradients, linear-gradient(90deg, rgba($white-alt, .25), rgba($white-alt, .001)), null);
|
|
}
|
|
.carousel-control-next {
|
|
background-image: if($enable-gradients, linear-gradient(270deg, rgba($white, .25), rgba($white, .001)), null);
|
|
}
|
|
|
|
// Icons for within
|
|
.carousel-control-prev-icon {
|
|
background-image: escape-svg($carousel-control-prev-icon-bg-alt);
|
|
}
|
|
.carousel-control-next-icon {
|
|
background-image: escape-svg($carousel-control-next-icon-bg-alt);
|
|
}
|
|
|
|
// Optional indicator pips/controls
|
|
|
|
.carousel-indicators {
|
|
[data-bs-target] {
|
|
background-color: $carousel-indicator-active-bg-alt;
|
|
opacity: $carousel-indicator-opacity-alt;
|
|
}
|
|
|
|
.active {
|
|
opacity: $carousel-indicator-active-opacity-alt;
|
|
}
|
|
}
|
|
|
|
// Optional captions
|
|
|
|
.carousel-caption {
|
|
color: $carousel-caption-color-alt;
|
|
}
|
|
|
|
// Dark mode carousel
|
|
|
|
.carousel-dark {
|
|
.carousel-control-prev-icon,
|
|
.carousel-control-next-icon {
|
|
filter: $carousel-dark-control-icon-filter-alt;
|
|
}
|
|
|
|
.carousel-indicators [data-bs-target] {
|
|
background-color: $carousel-dark-indicator-active-bg-alt;
|
|
}
|
|
|
|
.carousel-caption {
|
|
color: $carousel-dark-caption-color-alt;
|
|
}
|
|
}
|