diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-10-08 09:39:10 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-10-08 09:39:10 +0300 |
commit | 1770691b339bdbf17de5e8824158b358dc0284a9 (patch) | |
tree | 69ac7056dcc46fbf63497df93b6e69c623fb93d2 /dist/css/bootstrap.css | |
parent | 9c54d3579757aa1e4027ff8fb434a18c656d840c (diff) |
Dist (#29484)
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r-- | dist/css/bootstrap.css | 517 |
1 files changed, 310 insertions, 207 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index c6062bf45f..fb92cb8d40 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5,10 +5,10 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { - --blue: #007bff; + --blue: #0d6efd; --indigo: #6610f2; --purple: #6f42c1; - --pink: #e83e8c; + --pink: #d63384; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; @@ -18,7 +18,7 @@ --white: #fff; --gray: #6c757d; --gray-dark: #343a40; - --primary: #007bff; + --primary: #0d6efd; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; @@ -154,13 +154,13 @@ strong { } small, .small { - font-size: 80%; + font-size: 0.875em; } sub, sup { position: relative; - font-size: 75%; + font-size: 0.75em; line-height: 0; vertical-align: baseline; } @@ -174,12 +174,12 @@ sup { } a { - color: #007bff; + color: #0d6efd; text-decoration: none; } a:hover { - color: #0056b3; + color: #024dbc; text-decoration: underline; } @@ -201,7 +201,7 @@ pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; - font-size: 87.5%; + font-size: 0.875em; } pre code { @@ -211,8 +211,8 @@ pre code { } code { - font-size: 87.5%; - color: #e83e8c; + font-size: 0.875em; + color: #d63384; word-wrap: break-word; } @@ -222,7 +222,7 @@ a > code { kbd { padding: 0.2rem 0.4rem; - font-size: 87.5%; + font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; @@ -230,7 +230,7 @@ kbd { kbd kbd { padding: 0; - font-size: 100%; + font-size: 1em; font-weight: 700; } @@ -335,7 +335,6 @@ input[type="month"] { textarea { overflow: auto; resize: vertical; - -webkit-appearance: textfield; } fieldset { @@ -457,7 +456,7 @@ main { } .initialism { - font-size: 90%; + font-size: 0.875em; text-transform: uppercase; } @@ -468,7 +467,7 @@ main { .blockquote-footer { display: block; - font-size: 80%; + font-size: 0.875em; color: #6c757d; } @@ -500,7 +499,7 @@ main { } .figure-caption { - font-size: 90%; + font-size: 0.875em; color: #6c757d; } @@ -604,6 +603,36 @@ main { max-width: 100%; } +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + .col-auto { flex: 0 0 auto; width: auto; @@ -720,6 +749,30 @@ main { flex-grow: 1; max-width: 100%; } + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-sm-auto { flex: 0 0 auto; width: auto; @@ -817,6 +870,30 @@ main { flex-grow: 1; max-width: 100%; } + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-md-auto { flex: 0 0 auto; width: auto; @@ -914,6 +991,30 @@ main { flex-grow: 1; max-width: 100%; } + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-lg-auto { flex: 0 0 auto; width: auto; @@ -1011,6 +1112,30 @@ main { flex-grow: 1; max-width: 100%; } + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } .col-xl-auto { flex: 0 0 auto; width: auto; @@ -1119,10 +1244,6 @@ main { vertical-align: inherit; } -.table td { - border-bottom: 1px solid #dee2e6; -} - .table thead th { vertical-align: bottom; border-bottom-color: #495057; @@ -1170,23 +1291,23 @@ main { .table-primary, .table-primary > th, .table-primary > td { - background-color: #b8daff; + background-color: #bbd6fe; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { - border-color: #7abaff; + border-color: #81b4fe; } .table-hover .table-primary:hover { - background-color: #9fcdff; + background-color: #a2c7fe; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { - background-color: #9fcdff; + background-color: #a2c7fe; } .table-secondary, @@ -1465,14 +1586,12 @@ main { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; - line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; - line-height: 1.5; } .form-control { @@ -1505,9 +1624,9 @@ main { .form-control:focus { color: #495057; background-color: #fff; - border-color: #80bdff; + border-color: #8bbafe; outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-input-placeholder { @@ -1561,7 +1680,6 @@ main { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; border-radius: 0.2rem; } @@ -1569,7 +1687,6 @@ main { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; - line-height: 1.5; border-radius: 0.3rem; } @@ -1605,9 +1722,9 @@ main { } .form-select:focus { - border-color: #80bdff; + border-color: #8bbafe; outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-select:focus::-ms-value { @@ -1630,6 +1747,11 @@ main { display: none; } +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + .form-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; @@ -1653,12 +1775,15 @@ main { margin-bottom: 0.125rem; } -.form-check-input { +.form-check .form-check-input { float: left; + margin-left: -1.75em; +} + +.form-check-input { width: 1.25em; height: 1.25em; - margin-top: calc((1.5em - 1.25em) / 2); - margin-left: -1.75em; + margin-top: 0.125em; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; @@ -1680,17 +1805,17 @@ main { } .form-check-input:focus { - border-color: #80bdff; + border-color: #8bbafe; outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { - background-color: #007bff; + background-color: #0d6efd; background-repeat: no-repeat; background-position: center center; background-size: 1em; - border-color: #007bff; + border-color: #0d6efd; } .form-check-input:checked[type="checkbox"] { @@ -1698,16 +1823,16 @@ main { } .form-check-input:checked[type="radio"] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { - background-color: #007bff; + background-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center center; background-size: 1em; - border-color: #007bff; + border-color: #0d6efd; } .form-check-input[disabled] { @@ -1771,13 +1896,13 @@ main { } .form-file-input:focus ~ .form-file-label { - border-color: #80bdff; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + border-color: #8bbafe; + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-file-input:focus-within ~ .form-file-label { - border-color: #80bdff; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + border-color: #8bbafe; + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-file-input[disabled] ~ .form-file-label .form-file-text { @@ -1844,15 +1969,15 @@ main { } .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { @@ -1863,7 +1988,7 @@ main { width: 1rem; height: 1rem; margin-top: -0.25rem; - background-color: #007bff; + background-color: #0d6efd; 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; @@ -1878,7 +2003,7 @@ main { } .form-range::-webkit-slider-thumb:active { - background-color: #b3d7ff; + background-color: #bed8fe; } .form-range::-webkit-slider-runnable-track { @@ -1894,7 +2019,7 @@ main { .form-range::-moz-range-thumb { width: 1rem; height: 1rem; - background-color: #007bff; + background-color: #0d6efd; 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; @@ -1909,7 +2034,7 @@ main { } .form-range::-moz-range-thumb:active { - background-color: #b3d7ff; + background-color: #bed8fe; } .form-range::-moz-range-track { @@ -1928,7 +2053,7 @@ main { margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; - background-color: #007bff; + background-color: #0d6efd; 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; @@ -1942,7 +2067,7 @@ main { } .form-range::-ms-thumb:active { - background-color: #b3d7ff; + background-color: #bed8fe; } .form-range::-ms-track { @@ -2189,7 +2314,6 @@ main { .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; - line-height: 1.5; border-radius: 0.3rem; } @@ -2209,7 +2333,6 @@ main { .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; border-radius: 0.2rem; } @@ -2242,7 +2365,7 @@ main { display: none; width: 100%; margin-top: 0.25rem; - font-size: 80%; + font-size: 0.875em; color: #28a745; } @@ -2255,12 +2378,18 @@ main { padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; - line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); @@ -2275,12 +2404,6 @@ main { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.was-validated .form-control:valid ~ .valid-feedback, -.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, -.form-control.is-valid ~ .valid-tooltip { - display: block; -} - .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); @@ -2297,18 +2420,6 @@ main { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.was-validated .form-select:valid ~ .valid-feedback, -.was-validated .form-select:valid ~ .valid-tooltip, .form-select.is-valid ~ .valid-feedback, -.form-select.is-valid ~ .valid-tooltip { - display: block; -} - -.was-validated .form-control-file:valid ~ .valid-feedback, -.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, -.form-control-file.is-valid ~ .valid-tooltip { - display: block; -} - .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #28a745; } @@ -2325,12 +2436,6 @@ main { color: #28a745; } -.was-validated .form-check-input:valid ~ .valid-feedback, -.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, -.form-check-input.is-valid ~ .valid-tooltip { - display: block; -} - .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } @@ -2339,12 +2444,6 @@ main { border-color: #28a745; } -.was-validated .form-file-input:valid ~ .valid-feedback, -.was-validated .form-file-input:valid ~ .valid-tooltip, .form-file-input.is-valid ~ .valid-feedback, -.form-file-input.is-valid ~ .valid-tooltip { - display: block; -} - .was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); @@ -2354,7 +2453,7 @@ main { display: none; width: 100%; margin-top: 0.25rem; - font-size: 80%; + font-size: 0.875em; color: #dc3545; } @@ -2367,12 +2466,18 @@ main { padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; - line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); @@ -2387,12 +2492,6 @@ main { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.was-validated .form-control:invalid ~ .invalid-feedback, -.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, -.form-control.is-invalid ~ .invalid-tooltip { - display: block; -} - .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); @@ -2409,18 +2508,6 @@ main { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.was-validated .form-select:invalid ~ .invalid-feedback, -.was-validated .form-select:invalid ~ .invalid-tooltip, .form-select.is-invalid ~ .invalid-feedback, -.form-select.is-invalid ~ .invalid-tooltip { - display: block; -} - -.was-validated .form-control-file:invalid ~ .invalid-feedback, -.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, -.form-control-file.is-invalid ~ .invalid-tooltip { - display: block; -} - .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } @@ -2437,12 +2524,6 @@ main { color: #dc3545; } -.was-validated .form-check-input:invalid ~ .invalid-feedback, -.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, -.form-check-input.is-invalid ~ .invalid-tooltip { - display: block; -} - .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } @@ -2451,12 +2532,6 @@ main { border-color: #dc3545; } -.was-validated .form-file-input:invalid ~ .invalid-feedback, -.was-validated .form-file-input:invalid ~ .invalid-tooltip, .form-file-input.is-invalid ~ .invalid-feedback, -.form-file-input.is-invalid ~ .invalid-tooltip { - display: block; -} - .was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); @@ -2465,6 +2540,7 @@ main { .btn { display: inline-block; font-weight: 400; + line-height: 1.5; color: #212529; text-align: center; vertical-align: middle; @@ -2477,7 +2553,6 @@ main { border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; - line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2495,7 +2570,7 @@ main { .btn:focus, .btn.focus { outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .btn.disabled, .btn:disabled { @@ -2509,39 +2584,39 @@ fieldset:disabled a.btn { .btn-primary { color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-primary:hover { color: #fff; - background-color: #0069d9; - border-color: #0062cc; + background-color: #025ce2; + border-color: #0257d5; } .btn-primary:focus, .btn-primary.focus { color: #fff; - background-color: #0069d9; - border-color: #0062cc; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + background-color: #025ce2; + border-color: #0257d5; + box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; - background-color: #0062cc; - border-color: #005cbf; + background-color: #0257d5; + border-color: #0252c9; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(49, 132, 253, 0.5); } .btn-secondary { @@ -2804,35 +2879,35 @@ fieldset:disabled a.btn { } .btn-outline-primary { - color: #007bff; - border-color: #007bff; + color: #0d6efd; + border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #007bff; + color: #0d6efd; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); } .btn-outline-secondary { @@ -3061,12 +3136,12 @@ fieldset:disabled a.btn { .btn-link { font-weight: 400; - color: #007bff; + color: #0d6efd; text-decoration: none; } .btn-link:hover { - color: #0056b3; + color: #024dbc; text-decoration: underline; } @@ -3083,14 +3158,12 @@ fieldset:disabled a.btn { .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; - line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; border-radius: 0.2rem; } @@ -3352,7 +3425,7 @@ fieldset:disabled a.btn { .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; - background-color: #007bff; + background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { @@ -3562,7 +3635,7 @@ fieldset:disabled a.btn { .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; - background-color: #007bff; + background-color: #0d6efd; } .nav-fill .nav-item { @@ -4041,59 +4114,51 @@ fieldset:disabled a.btn { padding: 1.25rem; } -.card-img { +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; width: 100%; - border-radius: calc(0.25rem - 1px); } +.card-img, .card-img-top { - width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } +.card-img, .card-img-bottom { - width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } -.card-deck { - display: flex; - flex-direction: column; -} - .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { + display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { - display: flex; flex: 1 0 0%; - flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } -.card-group { - display: flex; - flex-direction: column; -} - .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { + display: flex; flex-flow: row wrap; } .card-group > .card { @@ -4134,27 +4199,19 @@ fieldset:disabled a.btn { overflow: hidden; } -.accordion > .card:not(:first-of-type) .card-header:first-child { - border-radius: 0; -} - -.accordion > .card:not(:first-of-type):not(:last-of-type) { - border-bottom: 0; - border-radius: 0; -} - -.accordion > .card:first-of-type:not(:last-of-type) { +.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.accordion > .card:last-of-type { +.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } -.accordion > .card .card-header { +.accordion > .card > .card-header { + border-radius: 0; margin-bottom: -1px; } @@ -4200,14 +4257,14 @@ fieldset:disabled a.btn { .page-link { position: relative; display: block; - color: #007bff; + color: #0d6efd; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; - color: #0056b3; + color: #024dbc; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; @@ -4216,7 +4273,7 @@ fieldset:disabled a.btn { .page-link:focus { z-index: 3; outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { @@ -4226,8 +4283,8 @@ fieldset:disabled a.btn { .page-item.active .page-link { z-index: 3; color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .page-item.disabled .page-link { @@ -4239,8 +4296,7 @@ fieldset:disabled a.btn { } .page-link { - padding: 0.5rem 0.75rem; - line-height: 1.25; + padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { @@ -4256,7 +4312,6 @@ fieldset:disabled a.btn { .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { @@ -4272,7 +4327,6 @@ fieldset:disabled a.btn { .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { @@ -4288,7 +4342,7 @@ fieldset:disabled a.btn { .badge { display: inline-block; padding: 0.25em 0.5em; - font-size: 75%; + font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; @@ -4336,13 +4390,13 @@ fieldset:disabled a.btn { } .alert-primary { - color: #004085; - background-color: #cce5ff; - border-color: #b8daff; + color: #073984; + background-color: #cfe2ff; + border-color: #bbd6fe; } .alert-primary .alert-link { - color: #002752; + color: #042454; } .alert-secondary { @@ -4443,7 +4497,7 @@ fieldset:disabled a.btn { color: #fff; text-align: center; white-space: nowrap; - background-color: #007bff; + background-color: #0d6efd; transition: width 0.6s ease; } @@ -4499,6 +4553,7 @@ fieldset:disabled a.btn { position: relative; display: block; padding: 0.75rem 1.25rem; + margin-bottom: 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } @@ -4522,8 +4577,8 @@ fieldset:disabled a.btn { .list-group-item.active { z-index: 2; color: #fff; - background-color: #007bff; - border-color: #007bff; + background-color: #0d6efd; + border-color: #0d6efd; } .list-group-item + .list-group-item { @@ -4678,19 +4733,19 @@ fieldset:disabled a.btn { } .list-group-item-primary { - color: #004085; - background-color: #b8daff; + color: #073984; + background-color: #bbd6fe; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #004085; - background-color: #9fcdff; + color: #073984; + background-color: #a2c7fe; } .list-group-item-primary.list-group-item-action.active { color: #fff; - background-color: #004085; - border-color: #004085; + background-color: #073984; + border-color: #073984; } .list-group-item-secondary { @@ -5519,7 +5574,7 @@ a.close.disabled { background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; - opacity: .5; + opacity: 0.5; transition: opacity 0.6s ease; } @@ -5616,11 +5671,11 @@ a.close.disabled { } .link-primary { - color: #007bff; + color: #0d6efd; } .link-primary:hover, .link-primary:focus { - color: #0056b3; + color: #024dbc; } .link-secondary { @@ -5741,6 +5796,38 @@ a.close.disabled { top: 0; z-index: 1020; } + @media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + } + @media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + } + @media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + } + @media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + } } .sr-only, @@ -5930,7 +6017,7 @@ a.close.disabled { } .border-primary { - border-color: #007bff !important; + border-color: #0d6efd !important; } .border-secondary { @@ -6786,7 +6873,7 @@ a.close.disabled { } .text-primary { - color: #007bff !important; + color: #0d6efd !important; } .text-secondary { @@ -6841,8 +6928,24 @@ a.close.disabled { color: inherit !important; } +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + .bg-primary { - background-color: #007bff !important; + background-color: #0d6efd !important; } .bg-secondary { |