rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

rename control left and right to prev and next; simplify styling by removing gradient

Browse Source
This commit is contained in:
Mark Otto 2016-12-04 21:54:04 -08:00
parent 8ad30ff8b8
commit d157fcebba
1 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/_carousel.scss
View File

@ -60,26 +60,14 @@
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0;
width: $carousel-control-width; width: $carousel-control-width;
font-size: $carousel-control-font-size; font-size: $carousel-control-font-size;
color: $carousel-control-color; color: $carousel-control-color;
text-align: center; text-align: center;
opacity: $carousel-control-opacity; opacity: $carousel-control-opacity;
// We can't have this transition here because WebKit cancels the carousel // We can't have a transition here because WebKit cancels the carousel
// animation if you trip this while in the middle of another animation. // animation if you trip this while in the middle of another animation.
// Set gradients for backgrounds
&.carousel-control-left {
@include gradient-x($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
}
&.carousel-control-right {
right: 0;
left: auto;
@include gradient-x($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
}
// Hover/focus state // Hover/focus state
@include hover-focus { @include hover-focus {
color: $carousel-control-color; color: $carousel-control-color;
@ -88,6 +76,12 @@
opacity: .9; opacity: .9;
} }
} }
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
// Toggles // Toggles
.carousel-control-icon-prev, .carousel-control-icon-prev,