// // Left/right controls for nav // .carousel-control-prev, .carousel-control-next { color: $carousel-control-color; // We can't have a transition here because WebKit cancels the carousel // animation if you trip this while in the middle of another animation. // Hover/focus state @include hover-focus { color: $carousel-control-color; } } .carousel-control-prev { @if $enable-gradients { background: linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.001)); } } .carousel-control-next { @if $enable-gradients { background: linear-gradient(270deg, rgba(0,0,0,.25), rgba(0,0,0,.001)); } } // Icons for within .carousel-control-prev-icon, .carousel-control-next-icon { background: transparent no-repeat center center; } // Optional indicator pips // // Add an ordered list with the following class and add a list item for each // slide your carousel holds. .carousel-indicators { li { background-color: rgba($carousel-indicator-active-bg, .5); } .active { background-color: $carousel-indicator-active-bg; } } // Optional captions // // .carousel-caption { color: $carousel-caption-color; }