diff options
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r-- | dist/css/bootstrap.css | 83 |
1 files changed, 62 insertions, 21 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 7d43e1f107..01155cae90 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -47,7 +47,7 @@ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { @@ -3354,12 +3354,6 @@ input[type="button"].btn-block { margin-bottom: 0; } -.input-group > .form-control:focus, -.input-group > .custom-select:focus, -.input-group > .custom-file:focus { - z-index: 3; -} - .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, @@ -3372,6 +3366,12 @@ input[type="button"].btn-block { margin-left: -1px; } +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} + .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; @@ -3678,6 +3678,10 @@ input[type="button"].btn-block { border-color: #80bdff; } +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} + .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } @@ -3738,10 +3742,17 @@ input[type="button"].btn-block { background-color: #007bff; border: 0; border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} + .custom-range::-webkit-slider-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); @@ -3767,10 +3778,17 @@ input[type="button"].btn-block { background-color: #007bff; border: 0; border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} + .custom-range::-moz-range-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); @@ -3796,9 +3814,16 @@ input[type="button"].btn-block { background-color: #007bff; border: 0; border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } +@media screen and (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} + .custom-range::-ms-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); @@ -3829,6 +3854,20 @@ input[type="button"].btn-block { border-radius: 1rem; } +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media screen and (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + .nav { display: -ms-flexbox; display: flex; @@ -5283,16 +5322,16 @@ input[type="button"].btn-block { opacity: .5; } -.close:hover, .close:focus { +.close:not(:disabled):not(.disabled) { + cursor: pointer; +} + +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; } -.close:not(:disabled):not(.disabled) { - cursor: pointer; -} - button.close { padding: 0; background-color: transparent; @@ -5777,25 +5816,27 @@ button.close { -ms-flex-align: center; align-items: center; width: 100%; - transition: -webkit-transform 0.6s ease; - transition: transform 0.6s ease; - transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } -@media screen and (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } -} - .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; + transition: -webkit-transform 0.6s ease; + transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; +} + +@media screen and (prefers-reduced-motion: reduce) { + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + transition: none; + } } .carousel-item-next, |