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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dist/css/bootstrap.css vendored
View File

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

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
examples/carousel/carousel.css
View File

@ -18,13 +18,6 @@ body {
z-index: 15; 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 /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */ -------------------------------------------------- */

7
less/carousel.less
View File

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