diff options
| author | Mark Otto <[email protected]> | 2016-10-18 19:18:06 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-18 19:18:06 -0700 |
| commit | 6321f9342e64d43390d44c8fee08d7354985750e (patch) | |
| tree | de9edb89a2f1fc986139d9239fc8de23fe99656a | |
| parent | 6d6538fc81ebdb9e29ca5a5a4e8e5768b9358fe9 (diff) | |
| download | bootstrap-6321f9342e64d43390d44c8fee08d7354985750e.tar.xz bootstrap-6321f9342e64d43390d44c8fee08d7354985750e.zip | |
Switch to separate vars for alert vertical/horizontal padding
| -rw-r--r-- | scss/_alert.scss | 6 | ||||
| -rw-r--r-- | scss/_variables.scss | 3 |
2 files changed, 5 insertions, 4 deletions
diff --git a/scss/_alert.scss b/scss/_alert.scss index 433177101..260ce2034 100644 --- 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 c1bcbdc2c..b5ca86f3d 100644 --- 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; |