diff options
| author | Mark Otto <[email protected]> | 2016-12-04 21:54:04 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-04 21:54:04 -0800 |
| commit | d157fcebba793fab348dba3a0569f8966c64677c (patch) | |
| tree | a3133e50dc4a02ec223934827bf7361e6b55f3fa | |
| parent | 8ad30ff8b849aa3b3dae990bb15c4f61f70e35a7 (diff) | |
| download | bootstrap-d157fcebba793fab348dba3a0569f8966c64677c.tar.xz bootstrap-d157fcebba793fab348dba3a0569f8966c64677c.zip | |
rename control left and right to prev and next; simplify styling by removing gradient
| -rw-r--r-- | scss/_carousel.scss | 20 |
1 files changed, 7 insertions, 13 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index a8234516f..e15fba8fb 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -60,26 +60,14 @@ position: absolute; top: 0; bottom: 0; - left: 0; width: $carousel-control-width; font-size: $carousel-control-font-size; color: $carousel-control-color; text-align: center; opacity: $carousel-control-opacity; - // We can't have this transition here because WebKit cancels the carousel + // We can't have a transition here because WebKit cancels the carousel // animation if you trip this while in the middle of another animation. - // Set gradients for backgrounds - &.carousel-control-left { - @include gradient-x($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); - } - - &.carousel-control-right { - right: 0; - left: auto; - @include gradient-x($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); - } - // Hover/focus state @include hover-focus { color: $carousel-control-color; @@ -88,6 +76,12 @@ opacity: .9; } } +.carousel-control-prev { + left: 0; +} +.carousel-control-next { + right: 0; +} // Toggles .carousel-control-icon-prev, |