diff options
| author | astrahov <[email protected]> | 2019-10-01 18:14:43 +0500 |
|---|---|---|
| committer | Martijn Cuppens <[email protected]> | 2019-10-01 15:14:43 +0200 |
| commit | 46e8f1a34fe00468209f46b12aac6323b5322eee (patch) | |
| tree | c7b4aca847946fa87d0e84616b319eb4b3406c56 /scss | |
| parent | 0a3aa08b89031a835e73b53b161ba6c6d1cab848 (diff) | |
| download | bootstrap-46e8f1a34fe00468209f46b12aac6323b5322eee.tar.xz bootstrap-46e8f1a34fe00468209f46b12aac6323b5322eee.zip | |
Variable carousel indicator opacity (#29468)
Diffstat (limited to 'scss')
| -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 0e79f179b..020604e33 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 70d1a68a1..eaa164988 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; |