Extract $carousel-icon-width variable

[skip sauce]
[skip validator]

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index af8c95c624b4dd66b4699ec56af71c2beb37437d..73f811cc396b44b09f690e8c21e2e4e146baf7f4 100644 (file)
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -125,19 +125,19 @@
     top: 50%;
     z-index: 5;
     display: inline-block;
-    width: 20px;
-    height: 20px;
-    margin-top: -10px;
+    width: $carousel-icon-width;
+    height: $carousel-icon-width;
+    margin-top: -($carousel-icon-width / 2);
     font-family: serif;
     line-height: 1;
   }
   .icon-prev {
     left: 50%;
-    margin-left: -10px;
+    margin-left: -($carousel-icon-width / 2);
   }
   .icon-next {
     right: 50%;
-    margin-right: -10px;
+    margin-right: -($carousel-icon-width / 2);
   }
 
   .icon-prev {

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 2c48a70594a8260dadb04b9363d216775fa2e365..0e2f8465250f5bb66296f9f61fb054ff8c74ab0f 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -768,6 +768,8 @@ $carousel-indicator-border-color:             #fff !default;
 
 $carousel-caption-color:                      #fff !default;
 
+$carousel-icon-width:                         20px !default;
+
 
 // Close