Extract $carousel-indicators-width variable

[skip sauce]
[skip validator]

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 744ec2f5683d5803f20bb7b50b9f9132910766f7..2ff886a39cbf023a0bb62ef70216a287a5fde7c9 100644 (file)
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -163,9 +163,9 @@
   bottom: 10px;
   left: 50%;
   z-index: 15;
-  width: 60%;
+  width: $carousel-indicators-width;
   padding-left: 0;
-  margin-left: -30%;
+  margin-left: -($carousel-indicators-width / 2);
   text-align: center;
   list-style: none;
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 92469904a3ea28d423ab93c4b9b74d0c0014e822..a5bd6736903f53c5ac77a958941d6b4ee4ecae99 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -780,6 +780,8 @@ $carousel-control-sm-up-size:                 30px !default;
 $carousel-control-opacity:                    .5 !default;
 $carousel-control-font-size:                  20px !default;
 
+$carousel-indicators-width:                   60% !default;
+
 $carousel-indicator-size:                     10px !default;
 $carousel-indicator-active-size:              12px !default;
 $carousel-indicator-active-bg:                #fff !default;