Switch to separate vars for alert vertical/horizontal padding

diff --git a/scss/_alert.scss b/scss/_alert.scss
index 4331771018096de963bbced2ac9187fd9726bca9..260ce203429e30b4476cab930f11627852e3a7b8 100644 (file)
--- a/scss/_alert.scss
+++ b/scss/_alert.scss
@@ -3,7 +3,7 @@
 //
 
 .alert {
-  padding: $alert-padding;
+  padding: $alert-padding-y $alert-padding-x;
   margin-bottom: $spacer-y;
   border: $alert-border-width solid transparent;
   @include border-radius($alert-border-radius);
@@ -26,13 +26,13 @@
 // Expand the right padding and account for the close button's positioning.
 
 .alert-dismissible {
-  padding-right: ($alert-padding * 2);
+  padding-right: ($alert-padding-x * 2);
 
   // Adjust close link position
   .close {
     position: relative;
     top: -.125rem;
-    right: -$alert-padding;
+    right: -$alert-padding-x;
     color: inherit;
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
index c1bcbdc2c0eae52274971b8ce9b5722b9d809921..b5ca86f3dbc90c0dbd89158644482cb0a5194d73 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -701,7 +701,8 @@ $modal-sm:                    300px !default;
 //
 // Define alert colors, border radius, and padding.
 
-$alert-padding:               1rem !default;
+$alert-padding-x:             1.25rem !default;
+$alert-padding-y:             .75rem !default;
 $alert-border-radius:         $border-radius !default;
 $alert-link-font-weight:      bold !default;
 $alert-border-width:          $border-width !default;