rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Switch to separate vars for alert vertical/horizontal padding

Browse Source
This commit is contained in:
Mark Otto 2016-10-18 19:18:06 -07:00
parent 6d6538fc81
commit 6321f9342e
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_alert.scss
View File

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

3
scss/_variables.scss
View File

@ -701,7 +701,8 @@ $modal-sm: 300px !default;
// //
// Define alert colors, border radius, and padding. // 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-border-radius: $border-radius !default;
$alert-link-font-weight: bold !default; $alert-link-font-weight: bold !default;
$alert-border-width: $border-width !default; $alert-border-width: $border-width !default;