rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

fixes #20485: use rem units in alert dismiss (#20625)

Browse Source
This commit is contained in:
Mark Otto 2016-09-04 17:41:38 -07:00 committed by GitHub
parent 5b1270d3bb
commit 910f3ec498
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_alert.scss
View File

@ -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 + 20px); padding-right: ($alert-padding * 2);
// Adjust close link position // Adjust close link position
.close { .close {
position: relative; position: relative;
top: -2px; top: -.125rem;
right: -21px; right: -$alert-padding;
color: inherit; color: inherit;
} }
} }

2
scss/_variables.scss
View File

@ -685,7 +685,7 @@ $modal-sm: 300px !default;
// //
// Define alert colors, border radius, and padding. // Define alert colors, border radius, and padding.
$alert-padding: 15px !default; $alert-padding: 1rem !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;