From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Wed, 25 Jul 2018 04:15:05 +0000 (+0200)
Subject: Carousel indicators transition (#26902)
X-Git-Tag: v4.2.0~397
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4f926671e942658b6aaca969614fc5f00dce612e;p=thirdparty%2Fbootstrap.git

Carousel indicators transition (#26902)
---

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 91c23e5fc3..b7114e9637 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -190,7 +190,9 @@
     margin-left: $carousel-indicator-spacer;
     text-indent: -999px;
     cursor: pointer;
-    background-color: rgba($carousel-indicator-active-bg, .5);
+    background-color: $carousel-indicator-active-bg;
+    opacity: .5;
+    @include transition($carousel-indicator-transition);
 
     // Use pseudo classes to increase the hit area by 10px on top and bottom.
     &::before {
@@ -214,7 +216,7 @@
   }
 
   .active {
-    background-color: $carousel-indicator-active-bg;
+    opacity: 1;
   }
 }
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 525f9be446..b301abbf80 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -917,6 +917,7 @@ $carousel-indicator-width:          30px !default;
 $carousel-indicator-height:         3px !default;
 $carousel-indicator-spacer:         3px !default;
 $carousel-indicator-active-bg:      $white !default;
+$carousel-indicator-transition:     opacity .6s ease !default;
 
 $carousel-caption-width:            70% !default;
 $carousel-caption-color:            $white !default;