Skip to content

Commit 910f3ec

Browse files
authored
fixes twbs#20485: use rem units in alert dismiss (twbs#20625)
1 parent 5b1270d commit 910f3ec

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

scss/_alert.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,13 @@
2626
// Expand the right padding and account for the close button's positioning.
2727

2828
.alert-dismissible {
29-
padding-right: ($alert-padding + 20px);
29+
padding-right: ($alert-padding * 2);
3030

3131
// Adjust close link position
3232
.close {
3333
position: relative;
34-
top: -2px;
35-
right: -21px;
34+
top: -.125rem;
35+
right: -$alert-padding;
3636
color: inherit;
3737
}
3838
}

scss/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -685,7 +685,7 @@ $modal-sm: 300px !default;
685685
//
686686
// Define alert colors, border radius, and padding.
687687

688-
$alert-padding: 15px !default;
688+
$alert-padding: 1rem !default;
689689
$alert-border-radius: $border-radius !default;
690690
$alert-link-font-weight: bold !default;
691691
$alert-border-width: $border-width !default;

0 commit comments

Comments
 (0)