diff options
author | Shohei Yoshida <ysds.code@gmail.com> | 2019-05-28 15:21:45 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-05-28 15:21:45 +0300 |
commit | b28322469ea23e0a1291b7ab962d1f73262f7a81 (patch) | |
tree | b10de9648ffecec6ed684b14fa7e6a096a6781eb /scss/_modal.scss | |
parent | 111024695a70e1133256b6aeaac41fae98c8150e (diff) |
Calc modal header/footer border radius according to the border width (#28775)
Diffstat (limited to 'scss/_modal.scss')
-rw-r--r-- | scss/_modal.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 1a5b9fdaf9..9942678ae8 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -138,7 +138,7 @@ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends padding: $modal-header-padding; border-bottom: $modal-header-border-width solid $modal-header-border-color; - @include border-top-radius($modal-content-border-radius); + @include border-top-radius($modal-content-inner-border-radius); .close { padding: $modal-header-padding; @@ -170,7 +170,7 @@ justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items padding: $modal-inner-padding; border-top: $modal-footer-border-width solid $modal-footer-border-color; - @include border-bottom-radius($modal-content-border-radius); + @include border-bottom-radius($modal-content-inner-border-radius); // Easily place margin between footer elements > :not(:first-child) { margin-left: .25rem; } |