From: astrahov <astrahov92@me.com>
Date: Tue, 1 Oct 2019 13:14:43 +0000 (+0500)
Subject: Variable carousel indicator opacity (#29468)
X-Git-Tag: v5.0.0-alpha1~753
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=46e8f1a34fe00468209f46b12aac6323b5322eee;p=thirdparty%2Fbootstrap.git

Variable carousel indicator opacity (#29468)
---

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 0e79f179b6..020604e335 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -171,12 +171,12 @@
     // Use transparent borders to increase the hit area by 10px on top and bottom.
     border-top: $carousel-indicator-hit-area-height solid transparent;
     border-bottom: $carousel-indicator-hit-area-height solid transparent;
-    opacity: .5;
+    opacity: $carousel-indicator-opacity;
     @include transition($carousel-indicator-transition);
   }
 
   .active {
-    opacity: 1;
+    opacity: $carousel-indicator-active-opacity;
   }
 }
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 70d1a68a10..eaa1649883 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1070,7 +1070,9 @@ $carousel-indicator-width:           30px !default;
 $carousel-indicator-height:          3px !default;
 $carousel-indicator-hit-area-height: 10px !default;
 $carousel-indicator-spacer:          3px !default;
+$carousel-indicator-opacity:         .5 !default;
 $carousel-indicator-active-bg:       $white !default;
+$carousel-indicator-active-opacity:  1 !default;
 $carousel-indicator-transition:      opacity .6s ease !default;
 
 $carousel-caption-width:             70% !default;