kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Changing the CSS var management

Browse source
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 // Scale up the modal
@include media-breakpoint-up(sm) { @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 // Automatically set modal's width for larger viewports
.modal-dialog { .modal-dialog {
--#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up};
max-width: var(--#{$prefix}modal-width); max-width: var(--#{$prefix}modal-width);
margin-right: auto; margin-right: auto;
margin-left: 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 { .modal-sm {
--#{$prefix}modal-width: #{$modal-sm}; --#{$prefix}modal-width: #{$modal-sm};
} }