diff options
| author | Mark Otto <markd.otto@gmail.com> | 2021-06-14 19:35:30 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-06-14 19:35:30 +0300 |
| commit | be17444756c48e3a892c36507f859cd841bd8c1f (patch) | |
| tree | 0fae73c54f82eda6321bea3e759cc184690710e9 /scss/_modal.scss | |
| parent | e9da490e510298086e93fe829949a67657443be5 (diff) | |
Replace `/` division with multiplication and custom `divide()` function (#34245)
* Convert bulk of division to multiplication
* Use custom divide() function instead of Dart Sass math module for greater compatibility
* Apply suggestions from code review
* Fix functions
Diffstat (limited to 'scss/_modal.scss')
| -rw-r--r-- | scss/_modal.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 4a0e3b861d..77473085ce 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -110,8 +110,8 @@ @include border-top-radius($modal-content-inner-border-radius); .btn-close { - padding: ($modal-header-padding-y / 2) ($modal-header-padding-x / 2); - margin: ($modal-header-padding-y / -2) ($modal-header-padding-x / -2) ($modal-header-padding-y / -2) auto; + padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5); + margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto; } } @@ -138,7 +138,7 @@ flex-shrink: 0; align-items: center; // vertically center justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items - padding: $modal-inner-padding - $modal-footer-margin-between / 2; + padding: $modal-inner-padding - $modal-footer-margin-between * .5; border-top: $modal-footer-border-width solid $modal-footer-border-color; @include border-bottom-radius($modal-content-inner-border-radius); @@ -146,7 +146,7 @@ // This solution is far from ideal because of the universal selector usage, // but is needed to fix https://github.com/twbs/bootstrap/issues/24800 > * { - margin: $modal-footer-margin-between / 2; + margin: $modal-footer-margin-between * .5; } } |