diff options
author | ysds <ysds.code@gmail.com> | 2019-09-03 20:18:44 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-10-31 09:30:53 +0300 |
commit | d6ebc60d3d98d48959e6e1bd4eeea4d6e8be4366 (patch) | |
tree | 07e19f5afe1e8309588c262ab8242ee11bc61c6a /scss/_modal.scss | |
parent | c62efc3ef69d7dd6e784928b707f52884fab87de (diff) |
Add add and subtract function
Diffstat (limited to 'scss/_modal.scss')
-rw-r--r-- | scss/_modal.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 381b0685e5..421e3e6400 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -57,10 +57,10 @@ .modal-dialog-scrollable { display: flex; // IE10/11 - max-height: calc(100% - #{$modal-dialog-margin * 2}); + max-height: subtract(100%, $modal-dialog-margin * 2); .modal-content { - max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11 + max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11 overflow: hidden; } @@ -77,12 +77,12 @@ .modal-dialog-centered { display: flex; align-items: center; - min-height: calc(100% - #{$modal-dialog-margin * 2}); + min-height: subtract(100%, $modal-dialog-margin * 2); // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11) &::before { display: block; // IE10 - height: calc(100vh - #{$modal-dialog-margin * 2}); + height: subtract(100vh, $modal-dialog-margin * 2); content: ""; } @@ -204,18 +204,18 @@ } .modal-dialog-scrollable { - max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2}); + max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2); .modal-content { - max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2}); + max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2); } } .modal-dialog-centered { - min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2}); + min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2); &::before { - height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2}); + height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2); } } |