Re-enable glyphicons in carousel controls and then remove redundant CSS from example

This commit is contained in:
Mark Otto 2013-08-19 00:58:29 -07:00
parent dbd749c226
commit 285393fb77
4 changed files with 14 additions and 10 deletions

View File

@ -6092,12 +6092,18 @@ button.close {
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;

File diff suppressed because one or more lines are too long

View File

@ -18,13 +18,6 @@ body {
z-index: 15;
}
/* Vertically aligns left and right chevrons. */
.carousel-control > .glyphicon-chevron-left, .carousel-control > .glyphicon-chevron-right {
position: absolute;
display: inline-block;
top: 50%;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

View File

@ -98,12 +98,17 @@
// Toggles
.icon-prev,
.icon-next {
.icon-next,
.glyphicon-chevron-left,
.glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
}
.icon-prev,
.icon-next {
width: 20px;
height: 20px;
margin-top: -10px;