From d157fcebba793fab348dba3a0569f8966c64677c Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 4 Dec 2016 21:54:04 -0800
Subject: [PATCH] rename control left and right to prev and next; simplify
styling by removing gradient
---
scss/_carousel.scss | 20 +++++++-------------
1 file changed, 7 insertions(+), 13 deletions(-)
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index a8234516f5..e15fba8fbd 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,
--
GitLab