// // RTL Carousel // -------------------------------------------------- // Left/right controls for nav // --------------------------- .carousel-control { right: 0; bottom: 0; // Set gradients for backgrounds &.left { right: auto; left: 0; #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); } &.right { left: auto; right: 0; #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); } .icon-prev, .glyphicon-chevron-left { left: 50%; right: auto; margin-right: -10px; } .icon-next, .glyphicon-chevron-right { right: 50%; left: auto; margin-left: -10px; } } // Optional indicator pips // // Add an unordered list with the following class and add a list item for each // slide your carousel holds. .carousel-indicators { right: 50%; left: 0; margin-right: -30%; margin-left: 0; padding-left: 0; } // Scale up controls for tablets and up @media screen and (min-width: @screen-sm-min) { // Scale up the controls a smidge .carousel-control { .glyphicon-chevron-left, .icon-prev { margin-left: 0; margin-right: -15px; } .glyphicon-chevron-right, .icon-next { margin-left: 0; margin-right: -15px; } } // Show and left align the captions .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } }