diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_carousel.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_carousel.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/assets/stylesheets/bootstrap/_carousel.scss b/assets/stylesheets/bootstrap/_carousel.scss index 41eca94..8aa14ac 100644 --- a/assets/stylesheets/bootstrap/_carousel.scss +++ b/assets/stylesheets/bootstrap/_carousel.scss @@ -22,7 +22,7 @@ .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: flex; + display: block; } .carousel-item-next, @@ -34,17 +34,29 @@ // CSS3 transforms when supported by the browser .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { - transform: translate3d(0, 0, 0); + transform: translateX(0); + + @supports (transform-style: preserve-3d) { + transform: translate3d(0, 0, 0); + } } .carousel-item-next, .active.carousel-item-right { - transform: translate3d(100%, 0, 0); + transform: translateX(100%); + + @supports (transform-style: preserve-3d) { + transform: translate3d(100%, 0, 0); + } } .carousel-item-prev, .active.carousel-item-left { - transform: translate3d(-100%, 0, 0); + transform: translateX(-100%); + + @supports (transform-style: preserve-3d) { + transform: translate3d(-100%, 0, 0); + } } @@ -121,8 +133,8 @@ li { position: relative; - flex: 1 0 auto; - max-width: $carousel-indicator-width; + flex: 0 1 auto; + width: $carousel-indicator-width; height: $carousel-indicator-height; margin-right: $carousel-indicator-spacer; margin-left: $carousel-indicator-spacer; |