Introduce $tooltip-padding-{x,y} & $tooltip-margin vars

[skip sauce]

diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index 941579ec975447bfeb08c8ef43942218e34a7626..a17aefc0ae5c75b1390fcb2ac45dcffbfdb41792 100644 (file)
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -14,7 +14,7 @@
   &.tooltip-top,
   &.bs-tether-element-attached-bottom {
     padding: $tooltip-arrow-width 0;
-    margin-top: -3px;
+    margin-top: -$tooltip-margin;
 
     .tooltip-arrow {
       bottom: 0;
@@ -27,7 +27,7 @@
   &.tooltip-right,
   &.bs-tether-element-attached-left {
     padding: 0 $tooltip-arrow-width;
-    margin-left: 3px;
+    margin-left: $tooltip-margin;
 
     .tooltip-arrow {
       top: 50%;
@@ -40,7 +40,7 @@
   &.tooltip-bottom,
   &.bs-tether-element-attached-top {
     padding: $tooltip-arrow-width 0;
-    margin-top: 3px;
+    margin-top: $tooltip-margin;
 
     .tooltip-arrow {
       top: 0;
@@ -53,7 +53,7 @@
   &.tooltip-left,
   &.bs-tether-element-attached-right {
     padding: 0 $tooltip-arrow-width;
-    margin-left: -3px;
+    margin-left: -$tooltip-margin;
 
     .tooltip-arrow {
       top: 50%;
@@ -68,7 +68,7 @@
 // Wrapper for the tooltip content
 .tooltip-inner {
   max-width: $tooltip-max-width;
-  padding: 3px 8px;
+  padding: $tooltip-padding-y $tooltip-padding-x;
   color: $tooltip-color;
   text-align: center;
   background-color: $tooltip-bg;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index c63af849044fa0f3201c6883718643dba0c7877a..8e1cb130c7a8339c411edf7753181499c2b92498 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -475,6 +475,9 @@ $tooltip-max-width:           200px !default;
 $tooltip-color:               #fff !default;
 $tooltip-bg:                  #000 !default;
 $tooltip-opacity:             .9 !default;
+$tooltip-padding-y:           3px !default;
+$tooltip-padding-x:           8px !default;
+$tooltip-margin:              3px !default;
 
 $tooltip-arrow-width:         5px !default;
 $tooltip-arrow-color:         $tooltip-bg !default;