diff options
author | astrahov <astrahov92@me.com> | 2019-10-01 16:14:43 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-10-01 16:14:43 +0300 |
commit | 46e8f1a34fe00468209f46b12aac6323b5322eee (patch) | |
tree | c7b4aca847946fa87d0e84616b319eb4b3406c56 | |
parent | 0a3aa08b89031a835e73b53b161ba6c6d1cab848 (diff) |
Variable carousel indicator opacity (#29468)
-rw-r--r-- | scss/_carousel.scss | 4 | ||||
-rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 4 insertions, 2 deletions
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; |