Skip to content
GitLab
Commit 4f926671 authored by Martijn Cuppens's avatar Martijn Cuppens Committed by Mark Otto
Browse files

Carousel indicators transition (#26902)

parent bbee4143
2 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes
Hide whitespace changes
Inline Side-by-side
Showing
with 5 additions and 2 deletions
+5 -2
scss/_carousel.scss
+ 4
- 2
View file @ 4f926671
...@@ -190,7 +190,9 @@ ...@@ -190,7 +190,9 @@
margin-left: $carousel-indicator-spacer; margin-left: $carousel-indicator-spacer;
text-indent: -999px; text-indent: -999px;
cursor: pointer; 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. // Use pseudo classes to increase the hit area by 10px on top and bottom.
&::before { &::before {
...@@ -214,7 +216,7 @@ ...@@ -214,7 +216,7 @@
} }
.active { .active {
background-color: $carousel-indicator-active-bg; opacity: 1;
} }
} }
......
scss/_variables.scss
+ 1
- 0
View file @ 4f926671
...@@ -917,6 +917,7 @@ $carousel-indicator-width: 30px !default; ...@@ -917,6 +917,7 @@ $carousel-indicator-width: 30px !default;
$carousel-indicator-height: 3px !default; $carousel-indicator-height: 3px !default;
$carousel-indicator-spacer: 3px !default; $carousel-indicator-spacer: 3px !default;
$carousel-indicator-active-bg: $white !default; $carousel-indicator-active-bg: $white !default;
$carousel-indicator-transition: opacity .6s ease !default;
$carousel-caption-width: 70% !default; $carousel-caption-width: 70% !default;
$carousel-caption-color: $white !default; $carousel-caption-color: $white !default;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment