Modals do not scale up on @screen-md-min
Created by: designorant
I've just stumbled upon a very little bug where .modal-dialog
does not change its width to @modal-lg
on @screen-md-min
. The original source code is pretty much self explanatory:
// Scale up the modal
@media (min-width: @screen-sm-min) {
// Automatically set modal's width for larger viewports
.modal-dialog {
width: @modal-md;
margin: 30px auto;
}
.modal-content {
.box-shadow(0 5px 15px rgba(0,0,0,.5));
}
// Modal sizes
.modal-sm { width: @modal-sm; }
}
@media (min-width: @screen-md-min) {
.modal-lg { width: @modal-lg; }
}