From c3d1b7f256e99cc64c796bf58e19ee5c20fe7926 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 8 Dec 2015 00:31:43 -0800 Subject: [PATCH] Introduce $tooltip-padding-{x,y} & $tooltip-margin vars [skip sauce] --- scss/_tooltip.scss | 10 +++++----- scss/_variables.scss | 3 +++ 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 941579ec97..a17aefc0ae 100644 --- 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 c63af84904..8e1cb130c7 100644 --- 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;