rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +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 {
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;
}
}

3
scss/_variables.scss
View File

@ -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;