rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Carousel indicators transition (#26902)

Browse Source
This commit is contained in:
Martijn Cuppens 2018-07-25 06:15:05 +02:00 committed by Mark Otto
parent bbee41431d
commit 4f926671e9
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_carousel.scss
View File

@ -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;
}
}

1
scss/_variables.scss
View File

@ -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;