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

[skip sauce]
[skip validator]

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index d6c7eda014f047f862d242a68cd0c03d9dad9ed8..2e06e70d1f42a6e206be6fddbac55f6da69091d3 100644 (file)
--- 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 6352b602bc626092d3b51b9d9d035df7e1920ec7..ae900181f7d32b67c9843bb90d8b365a77b1c3d4 100644 (file)
--- 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;