kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Changing the CSS var management

This commit is contained in:
louismaxime.piton 2022-04-11 15:48:39 +02:00 committed by Mark Otto
parent 8aaeb3cb6b
commit 36e75f6355
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
scss/_modal.scss
View File

@ -176,27 +176,18 @@
// Scale up the modal
@include media-breakpoint-up(sm) {
.modal {
--#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up};
--#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-sm-up};
}
// Automatically set modal's width for larger viewports
.modal-dialog {
--#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up};
max-width: var(--#{$prefix}modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-dialog-scrollable {
height: calc(100% - var(--#{$prefix}modal-margin) * 2);
}
.modal-dialog-centered {
min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);
}
.modal-content {
--#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-sm-up};
}
.modal-sm {
--#{$prefix}modal-width: #{$modal-sm};
}