clones/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-09-21 18:47:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extract $carousel-indicator{-active}-size variables

Browse Source 
[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2016-02-16 21:00:10 -08:00
parent ee0b3b2faa
commit 104ace17cb
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 {
display: inline-block;
width: 10px;
height: 10px;
width: $carousel-indicator-size;
height: $carousel-indicator-size;
margin: 1px;
text-indent: -999px;
cursor: pointer;
@ -183,11 +183,12 @@
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
background-color: rgba(0,0,0,0); // IE9
border: 1px solid $carousel-indicator-border-color;
border-radius: 10px;
border-radius: $carousel-indicator-size;
}
.active {
width: 12px;
height: 12px;
width: $carousel-indicator-active-size;
height: $carousel-indicator-active-size;
margin: 0;
background-color: $carousel-indicator-active-bg;
}

2
scss/_variables.scss
View File

@ -764,6 +764,8 @@ $carousel-control-sm-up-size: 30px !default;
$carousel-control-opacity: .5 !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-border-color: #fff !default;