diff options
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r-- | dist/css/bootstrap.css | 223 |
1 files changed, 132 insertions, 91 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 3d4389d5a0..65dec27aa7 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2,7 +2,7 @@ * Bootstrap v5.0.0-alpha1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; @@ -335,6 +335,10 @@ select { text-transform: none; } +[role="button"] { + cursor: pointer; +} + select { word-wrap: normal; } @@ -1882,6 +1886,11 @@ progress { border-color: #484e53; } +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; @@ -1917,11 +1926,6 @@ progress { } } -.table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; -} - .form-label { margin-bottom: 0.5rem; } @@ -2230,6 +2234,12 @@ progress { margin-right: 1rem; } +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + .form-file { --bs-form-file-height: calc(1.5em + 0.75rem + 2px); position: relative; @@ -2801,7 +2811,7 @@ progress { color: #212529; } -.btn:focus, .btn.focus { +.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } @@ -2824,21 +2834,23 @@ fieldset:disabled .btn { border-color: #0257d5; } -.btn-primary:focus, .btn-primary.focus { +.btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #025ce2; border-color: #0257d5; box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5); } -.btn-primary:active, .btn-primary.active, +.btn-check:checked + .btn-primary, +.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0257d5; border-color: #0252c9; } -.btn-primary:active:focus, .btn-primary.active:focus, +.btn-check:checked + .btn-primary:focus, +.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5); } @@ -2861,21 +2873,23 @@ fieldset:disabled .btn { border-color: #545b62; } -.btn-secondary:focus, .btn-secondary.focus { +.btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } -.btn-secondary:active, .btn-secondary.active, +.btn-check:checked + .btn-secondary, +.btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } -.btn-secondary:active:focus, .btn-secondary.active:focus, +.btn-check:checked + .btn-secondary:focus, +.btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } @@ -2898,21 +2912,23 @@ fieldset:disabled .btn { border-color: #1e7e34; } -.btn-success:focus, .btn-success.focus { +.btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } -.btn-success:active, .btn-success.active, +.btn-check:checked + .btn-success, +.btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } -.btn-success:active:focus, .btn-success.active:focus, +.btn-check:checked + .btn-success:focus, +.btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } @@ -2935,21 +2951,23 @@ fieldset:disabled .btn { border-color: #117a8b; } -.btn-info:focus, .btn-info.focus { +.btn-check:focus + .btn-info, .btn-info:focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } -.btn-info:active, .btn-info.active, +.btn-check:checked + .btn-info, +.btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } -.btn-info:active:focus, .btn-info.active:focus, +.btn-check:checked + .btn-info:focus, +.btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } @@ -2972,21 +2990,23 @@ fieldset:disabled .btn { border-color: #d39e00; } -.btn-warning:focus, .btn-warning.focus { +.btn-check:focus + .btn-warning, .btn-warning:focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } -.btn-warning:active, .btn-warning.active, +.btn-check:checked + .btn-warning, +.btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } -.btn-warning:active:focus, .btn-warning.active:focus, +.btn-check:checked + .btn-warning:focus, +.btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } @@ -3009,21 +3029,23 @@ fieldset:disabled .btn { border-color: #bd2130; } -.btn-danger:focus, .btn-danger.focus { +.btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } -.btn-danger:active, .btn-danger.active, +.btn-check:checked + .btn-danger, +.btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } -.btn-danger:active:focus, .btn-danger.active:focus, +.btn-check:checked + .btn-danger:focus, +.btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } @@ -3046,21 +3068,23 @@ fieldset:disabled .btn { border-color: #dae0e5; } -.btn-light:focus, .btn-light.focus { +.btn-check:focus + .btn-light, .btn-light:focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } -.btn-light:active, .btn-light.active, +.btn-check:checked + .btn-light, +.btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } -.btn-light:active:focus, .btn-light.active:focus, +.btn-check:checked + .btn-light:focus, +.btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } @@ -3083,21 +3107,23 @@ fieldset:disabled .btn { border-color: #1d2124; } -.btn-dark:focus, .btn-dark.focus { +.btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } -.btn-dark:active, .btn-dark.active, +.btn-check:checked + .btn-dark, +.btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } -.btn-dark:active:focus, .btn-dark.active:focus, +.btn-check:checked + .btn-dark:focus, +.btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } @@ -3119,17 +3145,19 @@ fieldset:disabled .btn { border-color: #0d6efd; } -.btn-outline-primary:focus, .btn-outline-primary.focus { +.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); } -.btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { +.btn-check:checked + .btn-outline-primary, +.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } -.btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-primary:focus, +.btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); } @@ -3149,17 +3177,19 @@ fieldset:disabled .btn { border-color: #6c757d; } -.btn-outline-secondary:focus, .btn-outline-secondary.focus { +.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } -.btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { +.btn-check:checked + .btn-outline-secondary, +.btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; } -.btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-secondary:focus, +.btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } @@ -3179,17 +3209,19 @@ fieldset:disabled .btn { border-color: #28a745; } -.btn-outline-success:focus, .btn-outline-success.focus { +.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } -.btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { +.btn-check:checked + .btn-outline-success, +.btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #28a745; border-color: #28a745; } -.btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-success:focus, +.btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } @@ -3209,17 +3241,19 @@ fieldset:disabled .btn { border-color: #17a2b8; } -.btn-outline-info:focus, .btn-outline-info.focus { +.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } -.btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { +.btn-check:checked + .btn-outline-info, +.btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } -.btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-info:focus, +.btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } @@ -3239,17 +3273,19 @@ fieldset:disabled .btn { border-color: #ffc107; } -.btn-outline-warning:focus, .btn-outline-warning.focus { +.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } -.btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { +.btn-check:checked + .btn-outline-warning, +.btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #212529; background-color: #ffc107; border-color: #ffc107; } -.btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-warning:focus, +.btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } @@ -3269,17 +3305,19 @@ fieldset:disabled .btn { border-color: #dc3545; } -.btn-outline-danger:focus, .btn-outline-danger.focus { +.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } -.btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { +.btn-check:checked + .btn-outline-danger, +.btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } -.btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-danger:focus, +.btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } @@ -3299,17 +3337,19 @@ fieldset:disabled .btn { border-color: #f8f9fa; } -.btn-outline-light:focus, .btn-outline-light.focus { +.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } -.btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { +.btn-check:checked + .btn-outline-light, +.btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } -.btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-light:focus, +.btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } @@ -3329,17 +3369,19 @@ fieldset:disabled .btn { border-color: #343a40; } -.btn-outline-dark:focus, .btn-outline-dark.focus { +.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } -.btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { +.btn-check:checked + .btn-outline-dark, +.btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #343a40; border-color: #343a40; } -.btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-dark:focus, +.btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } @@ -3684,7 +3726,14 @@ fieldset:disabled .btn { flex: 1 1 auto; } -.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group > .btn-check:checked + .btn, +.btn-group > .btn-check:focus + .btn, +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn-check:checked + .btn, +.btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, @@ -3713,7 +3762,8 @@ fieldset:disabled .btn { border-bottom-right-radius: 0; } -.btn-group > .btn:not(:first-child), +.btn-group > .btn:nth-child(n + 3), +.btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -3772,15 +3822,6 @@ fieldset:disabled .btn { border-top-right-radius: 0; } -.btn-group-toggle > .btn input[type="radio"], -.btn-group-toggle > .btn input[type="checkbox"], -.btn-group-toggle > .btn-group > .btn input[type="radio"], -.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} - .nav { display: flex; flex-wrap: wrap; @@ -5301,6 +5342,31 @@ button.close { } } +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +.modal-fullscreen .modal-footer { + border-radius: 0; +} + @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; @@ -5416,31 +5482,6 @@ button.close { } } -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; -} - -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; -} - -.modal-fullscreen .modal-header { - border-radius: 0; -} - -.modal-fullscreen .modal-body { - overflow-y: auto; -} - -.modal-fullscreen .modal-footer { - border-radius: 0; -} - .tooltip { position: absolute; z-index: 1070; |