Add variables for padding of popover title & content

[skip sauce]
[skip validator]

diff --git a/scss/_popover.scss b/scss/_popover.scss
index d8c0db5c2782aa4683f9a7fe8b8b358f5b2031cf..4e8ed4499257f80c0d2942e65a4f78138a913dce 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -103,7 +103,7 @@
 
 // Offset the popover to account for the popover arrow
 .popover-title {
-  padding: 8px 14px;
+  padding: $popover-title-padding-y $popover-title-padding-x;
   margin: 0; // reset heading margin
   font-size: $font-size-base;
   background-color: $popover-title-bg;
@@ -113,7 +113,7 @@
 }
 
 .popover-content {
-  padding: 9px 14px;
+  padding: $popover-content-padding-y $popover-content-padding-x;
 }
 
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6c3e725c208eb279fdaa1a16a0039ec660166ebe..efe0a9f80e5fb02cd55d0077256407d9969eecaf 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -501,6 +501,11 @@ $popover-border-width:                $border-width !default;
 $popover-border-color:                rgba(0,0,0,.2) !default;
 
 $popover-title-bg:                    darken($popover-bg, 3%) !default;
+$popover-title-padding-x:             14px !default;
+$popover-title-padding-y:             8px !default;
+
+$popover-content-padding-x:           14px !default;
+$popover-content-padding-y:           9px !default;
 
 $popover-arrow-width:                 10px !default;
 $popover-arrow-color:                 $popover-bg !default;