Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-05-13 06:43:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes #12470: Scope large modal styles to minimum viewport width

Browse source
This commit is contained in:
Mark Otto 2014-02-04 02:01:31 -08:00
parent 952afba70d
commit 07098d1bb7
6 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/css/bootstrap.css vendored
View file

@ -5197,6 +5197,8 @@ button.close {
.modal-sm { .modal-sm {
width: 300px; width: 300px;
} }
}
@media (min-width: 992px) {
.modal-lg { .modal-lg {
width: 900px; width: 900px;
} }

BIN
dist/css/bootstrap.css.map vendored
View file

Binary file not shown.

2
dist/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

BIN
docs/dist/css/bootstrap.css.map vendored
View file

Binary file not shown.

2
docs/dist/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

7
less/modals.less
View file

@ -121,7 +121,6 @@
// Scale up the modal // Scale up the modal
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
// Automatically set modal's width for larger viewports // Automatically set modal's width for larger viewports
.modal-dialog { .modal-dialog {
width: @modal-md; width: @modal-md;
@ -133,6 +132,8 @@
// Modal sizes // Modal sizes
.modal-sm { width: @modal-sm; } .modal-sm { width: @modal-sm; }
.modal-lg { width: @modal-lg; } }
@media (min-width: @screen-md-min) {
.modal-lg { width: @modal-lg; }
} }