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

rename and un-nest icons

Browse Source
This commit is contained in:
Mark Otto 2016-12-04 21:39:46 -08:00
parent c2c4b5ba76
commit 8f06eebe44
1 changed files with 41 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
scss/_carousel.scss
View File

@ -87,38 +87,38 @@
outline: 0; outline: 0;
opacity: .9; opacity: .9;
} }
}
// Toggles // Toggles
.icon-prev, .carousel-control-icon-prev,
.icon-next { .carousel-control-icon-next {
position: absolute; position: absolute;
top: 50%; top: 50%;
z-index: 5; z-index: 5;
display: inline-block; display: inline-block;
width: $carousel-icon-width; width: $carousel-icon-width;
height: $carousel-icon-width; height: $carousel-icon-width;
margin-top: -($carousel-icon-width / 2); margin-top: -($carousel-icon-width / 2);
font-family: serif; font-family: serif;
line-height: 1; line-height: 1;
} }
.icon-prev { .carousel-control-icon-prev {
left: 50%; left: 50%;
margin-left: -($carousel-icon-width / 2); margin-left: -($carousel-icon-width / 2);
} }
.icon-next { .carousel-control-icon-next {
right: 50%; right: 50%;
margin-right: -($carousel-icon-width / 2); margin-right: -($carousel-icon-width / 2);
} }
.icon-prev { .carousel-control-icon-prev {
&::before { &::before {
content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
}
} }
.icon-next { }
&::before { .carousel-control-icon-next {
content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) &::before {
} content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
} }
} }
@ -198,20 +198,18 @@
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
// Scale up the controls a smidge // Scale up the controls a smidge
.carousel-control { .carousel-control-icon-prev,
.icon-prev, .carousel-control-icon-next {
.icon-next { width: $carousel-control-sm-up-size;
width: $carousel-control-sm-up-size; height: $carousel-control-sm-up-size;
height: $carousel-control-sm-up-size; margin-top: -($carousel-control-sm-up-size / 2);
margin-top: -($carousel-control-sm-up-size / 2); font-size: $carousel-control-sm-up-size;
font-size: $carousel-control-sm-up-size; }
} .carousel-control-icon-prev {
.icon-prev { margin-left: -($carousel-control-sm-up-size / 2);
margin-left: -($carousel-control-sm-up-size / 2); }
} .carousel-control-icon-next {
.icon-next { margin-right: -($carousel-control-sm-up-size / 2);
margin-right: -($carousel-control-sm-up-size / 2);
}
} }
// Show and left align the captions // Show and left align the captions