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

Merge pull request #19237 from twbs/carousel-indicator-size

Browse Source 
Extract $carousel-indicator{-active}-size variables
This commit is contained in:
Mark Otto 2016-02-17 08:54:25 -08:00
commit 48a338c27c
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scss/_carousel.scss
View File

@ -171,8 +171,8 @@
li { li {
display: inline-block; display: inline-block;
width: 10px; width: $carousel-indicator-size;
height: 10px; height: $carousel-indicator-size;
margin: 1px; margin: 1px;
text-indent: -999px; text-indent: -999px;
cursor: pointer; cursor: pointer;
@ -183,11 +183,12 @@
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
background-color: rgba(0,0,0,0); // IE9 background-color: rgba(0,0,0,0); // IE9
border: 1px solid $carousel-indicator-border-color; border: 1px solid $carousel-indicator-border-color;
border-radius: 10px; border-radius: $carousel-indicator-size;
} }
.active { .active {
width: 12px; width: $carousel-indicator-active-size;
height: 12px; height: $carousel-indicator-active-size;
margin: 0; margin: 0;
background-color: $carousel-indicator-active-bg; background-color: $carousel-indicator-active-bg;
} }

2
scss/_variables.scss
View File

@ -777,6 +777,8 @@ $carousel-control-sm-up-size: 30px !default;
$carousel-control-opacity: .5 !default; $carousel-control-opacity: .5 !default;
$carousel-control-font-size: 20px !default; $carousel-control-font-size: 20px !default;
$carousel-indicator-size: 10px !default;
$carousel-indicator-active-size: 12px !default;
$carousel-indicator-active-bg: #fff !default; $carousel-indicator-active-bg: #fff !default;
$carousel-indicator-border-color: #fff !default; $carousel-indicator-border-color: #fff !default;