aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2016-02-16 21:00:10 -0800
committerChris Rebert <[email protected]>2016-02-16 21:00:10 -0800
commit104ace17cb56b545ddee9e7435f77c11deb3715b (patch)
tree2078ce19695f8440bd538ed1e648d6f0f795df2e
parentee0b3b2faa355b6d054d7e6d9424bfc19ef22ec4 (diff)
downloadbootstrap-104ace17cb56b545ddee9e7435f77c11deb3715b.tar.xz
bootstrap-104ace17cb56b545ddee9e7435f77c11deb3715b.zip
Extract $carousel-indicator{-active}-size variables
[skip sauce] [skip validator]
-rw-r--r--scss/_carousel.scss11
-rw-r--r--scss/_variables.scss2
2 files changed, 8 insertions, 5 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index d6c7eda01..2e06e70d1 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -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;
}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6352b602b..ae900181f 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -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;