From 70cda9fe90018136559911918947c9618321eaf7 Mon Sep 17 00:00:00 2001 From: Christian Oliff Date: Tue, 12 Oct 2021 20:46:41 +0900 Subject: [PATCH] v513-release - Adjusted color for form range active thumb - sets line-height for progress label to align vertically --- css/bootstrap-ie11.css | 8 ++++++-- css/bootstrap-ie11.css.map | 2 +- css/bootstrap-ie11.min.css | 4 ++-- css/bootstrap-ie11.min.css.map | 2 +- package.json | 2 +- scss/_progress.scss | 3 +++ scss/bootstrap-ie11.scss | 3 ++- scss/forms/_form-range.scss | 2 +- tests/index.html | 6 +++--- 9 files changed, 20 insertions(+), 12 deletions(-) create mode 100644 scss/_progress.scss diff --git a/css/bootstrap-ie11.css b/css/bootstrap-ie11.css index bdbb5e6..90d0bf3 100644 --- a/css/bootstrap-ie11.css +++ b/css/bootstrap-ie11.css @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.1.2 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.1.3 (https://github.com/coliff/bootstrap-ie11) * Copyright 2021 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) */ @@ -377,7 +377,7 @@ input { } .form-range::-ms-thumb:active { - background-color: #bed8fe; + background-color: #b6d4fe; } .form-range::-ms-track { @@ -438,6 +438,10 @@ input { content: none; } + .progress { + line-height: 1; + } + .invalid-tooltip, .valid-tooltip { left: 0; diff --git a/css/bootstrap-ie11.css.map b/css/bootstrap-ie11.css.map index e5a7d70..2eb6846 100644 --- a/css/bootstrap-ie11.css.map +++ b/css/bootstrap-ie11.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/bootstrap-ie11.scss","../scss/_reboot.scss","../scss/_tables.scss","../scss/_utilities.scss","../scss/_breadcrumb.scss","../scss/_buttons.scss","../scss/_card.scss","../scss/_carousel.scss","../scss/_close.scss","../scss/forms/_form-check.scss","../scss/forms/_form-control.scss","../scss/forms/_form-floating-labels.scss","../scss/forms/_form-range.scss","../scss/forms/_form-select.scss","../scss/_modal.scss","../scss/_tooltip.scss","../scss/helpers/_ratio.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;ECJA;IACE;;;EAIF;IACE;;;EAGF;IACE;;;EAGF;AAAA;IAEE;;;EAKF;IACE;IACA;;;EAGF;IAGE;;;EAIF;IACE;;;EAGF;IACE;;;ECvCF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;ECxBF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAIF;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAIF;IACE;;;EAKF;IACE;;;ECnLF;IACE;;;EAGF;IACE;;;ECLF;IACE;;;EAGF;IACE;;;EAGF;AAAA;IAEE;;;ECVF;IAGE;;;EAGF;AAAA;AAAA;IAGE;;;ECNF;IACE;;;EAIF;IACE;;;ECRF;IACE;;;ECGF;IACE;IACA;;;EAIF;IACE;IACA;IACA;;;EAIF;IACE;;;EAGF;IACE;IACA;;;EAOF;AAAA;IAEE;;;EAGF;IACE;;;ECrCF;IACE;IACA;;;EAKF;IACE;;;EAGF;IACE;;;ECZF;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;IACA;;;EAGF;AAAA;AAAA;IAGE;;;EAGF;IACE;IACA;;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;IACA;;;EChCF;IACE;;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YACE;IAGF;;;EAGF;IACE;;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;IACA;;;EAGF;IACE;;;EC9CF;IACE;IACA;;;ECFF;IACE;;;EAGF;IACE;;;EAIF;IACE;IACA;IACA;;;EAIF;IACE;IACA;IACA;;;EAGF;IACE;;;EAGF;IACE;;;ECzBF;AAAA;IAEE;IACA;;;ECLF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE","file":"bootstrap-ie11.css","sourcesContent":["/*!\n * Bootstrap for IE11 v5.1.2 (https://github.com/coliff/bootstrap-ie11)\n * Copyright 2021 C.Oliff\n * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE)\n */\n\n@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n @import \"reboot\";\n @import \"tables\";\n @import \"utilities\";\n @import \"breadcrumb\";\n @import \"buttons\";\n @import \"card\";\n @import \"carousel\";\n @import \"close\";\n @import \"forms/form-check\";\n @import \"forms/form-control\";\n @import \"forms/form-floating-labels\";\n @import \"forms/form-range\";\n @import \"forms/form-select\";\n @import \"modal\";\n @import \"tooltip\";\n @import \"helpers/ratio\";\n}\n","// Workaround for the SVG overflow bug.\n// See https://github.com/twbs/bootstrap/issues/26878\nsvg {\n overflow: hidden;\n}\n\n// Remove the default vertical scrollbar\ntextarea {\n overflow: auto;\n}\n\nhr {\n overflow: visible;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\n// 1. Correct the color inheritance from `fieldset` elements\n// 2. Correct the text wrapping\nlegend {\n color: inherit;\n white-space: normal;\n}\n\npre {\n // Disable auto-hiding scrollbar to avoid overlap,\n // making it impossible to interact with the content\n -ms-overflow-style: scrollbar;\n}\n\n// Add the correct display for template & main\ntemplate {\n display: none;\n}\n\nmain {\n display: block;\n}\n",".table > :not(caption) > * > * {\n box-shadow: none !important;\n}\n\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\n background-color: #f2f2f2 !important;\n}\n\n.table-dark.table-striped > :not(caption) > *:nth-child(odd) > * {\n opacity: 0.9;\n}\n\n.table-dark.table-striped > thead > tr > th {\n opacity: 1 !important;\n}\n\n.table.table-hover:not(.table-dark) > tbody > tr:hover > * {\n background-color: #f2f2f2 !important;\n}\n\n.table.table-hover.table-dark > tbody > tr:hover > * {\n opacity: 0.9;\n}\n\n.table.table-hover.table-striped > tbody > tr:hover > * {\n background-color: #e5e5e5 !important;\n}\n","// `pointer-events: none` isn't supported by IE11, setting `cursor: default` just makes it appear less like a link\n.pe-none {\n cursor: default;\n}\n\n.text-break {\n word-wrap: break-word !important;\n}\n\n.user-select-none {\n -ms-user-select: none !important;\n}\n\n.user-select-auto {\n -ms-user-select: auto !important;\n}\n\n// Text opacity\n.text-opacity-75 {\n opacity: 0.75;\n}\n\n.text-opacity-50 {\n opacity: 0.5;\n}\n\n.text-opacity-25 {\n opacity: 0.25;\n}\n\n// Text colors\n.text-primary {\n color: rgb(13, 110, 253);\n}\n\n.text-secondary {\n color: rgb(108, 117, 125);\n}\n\n.text-success {\n color: rgb(25, 135, 84);\n}\n\n.text-danger {\n color: rgb(220, 53, 69);\n}\n\n.text-warning {\n color: rgb(255, 193, 7);\n}\n\n.text-info {\n color: rgb(13, 202, 240);\n}\n\n.text-light {\n color: rgb(248, 249, 250);\n}\n\n.text-dark {\n color: rgb(33, 37, 41);\n}\n\n.text-body {\n color: rgb(33, 37, 41);\n}\n\n.text-muted {\n color: rgb(108, 117, 125);\n}\n\n.text-white {\n color: rgb(255, 255, 255);\n}\n\n// IE11 doesn't support :not(:focus-within) so the rules defined in Bootstrap 5 are repeated here\n.visually-hidden,\n.visually-hidden-focusable:not(:focus) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// horizontal stack gap\n.hstack.gap-1 > * {\n margin-right: 0.25rem;\n}\n\n.hstack.gap-1 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-2 > * {\n margin-right: 0.5rem;\n}\n\n.hstack.gap-2 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-3 > * {\n margin-right: 1rem;\n}\n\n.hstack.gap-3 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-4 > * {\n margin-right: 1.5rem;\n}\n\n.hstack.gap-4 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-5 > * {\n margin-right: 3rem;\n}\n\n.hstack.gap-5 > *:last-child {\n margin-right: 0;\n}\n\n// vertical stack gap\n.vstack.gap-1 > * {\n margin-bottom: 0.25rem;\n}\n\n.vstack.gap-1 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-2 > * {\n margin-bottom: 0.5rem;\n}\n\n.vstack.gap-2 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-3 > * {\n margin-bottom: 1rem;\n}\n\n.vstack.gap-3 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-4 > * {\n margin-bottom: 1.5rem;\n}\n\n.vstack.gap-4 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-5 > * {\n margin-bottom: 3rem;\n}\n\n.vstack.gap-5 > *:last-child {\n margin-bottom: 0;\n}\n\n// vertical-rule\n.vr {\n border-right: 1px solid rgb(33, 37, 41);\n}\n\n// flex\n// fix for: https://github.com/coliff/bootstrap-ie11/issues/84\n.justify-content-evenly {\n justify-content: space-around !important;\n}\n",".breadcrumb-item {\n display: flex;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n}\n",".btn {\n -ms-user-select: none;\n}\n\n.btn-close {\n background-clip: content-box;\n}\n\n.btn-close:disabled,\n.btn-close.disabled {\n -ms-user-select: none;\n}\n",".card {\n // Workaround for the image size bug\n // See: https://github.com/twbs/bootstrap/pull/28855\n min-height: 1px;\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n flex-shrink: 0;\n}\n","// Carousel (Dark Variant)\n\n// SVG background with white fill as IE11 doesn't support filter invert\n.carousel-dark .carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\");\n}\n\n// SVG background with white fill as IE11 doesn't support filter invert\n.carousel-dark .carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n","// SVG background with white fill as IE11 doesn't support filter invert\n.btn-close-white {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\");\n}\n","//\n// Check/radio\n//\n\n// makes the default checkbox icon nicer\n.form-check-input {\n border-color: rgba(0, 0, 0, .25);\n box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.4);\n}\n\n// Hides the default caret\ninput::-ms-check {\n color: transparent;\n background-color: transparent;\n border: 0;\n}\n\n// Unstyle the caret on ``s\r\nselect::-ms-expand {\r\n display: none;\r\n}\r\n\r\n.form-check .form-check-input[type=\"radio\"] {\r\n margin-top: 0.27em;\r\n margin-left: -1.3em;\r\n}\r\n\r\n//\r\n// Switch\r\n//\r\n\r\n.form-switch .form-check-input,\r\n.form-switch .form-check-input:focus {\r\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e\");\r\n}\r\n\r\n.form-switch :checked.form-check-input {\r\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\");\r\n}\r\n",".form-control:-ms-input-placeholder {\r\n color: #6c757d;\r\n opacity: 1;\r\n}\r\n\r\n// IE11 doesn't support input=color.\r\n// This changes the input so its not too narrow to allow a hex input (e.g. #FFFFFF)\r\n.form-control-color {\r\n width: 5rem;\r\n}\r\n\r\n.form-control:disabled {\r\n -ms-user-select: none !important;\r\n}\r\n",".form-floating {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.form-floating > .form-control::-ms-input-placeholder { // stylelint-disable-line\n color: #6c757d;\n}\n\n.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {\n opacity: 0.65;\n transform: scale(0.9) translateY(-0.01rem) translateX(0.15rem);\n}\n\n.form-floating input:-ms-input-placeholder,\n.form-floating select:-ms-input-placeholder,\n.form-floating textarea:-ms-input-placeholder {\n color: transparent;\n}\n\n.form-floating input:not(:-ms-input-placeholder) {\n padding-top: 1.25rem;\n padding-bottom: .25rem;\n}\n\n.form-floating input:not(:-ms-input-placeholder) ~ label,\n.form-floating select:not(:-ms-input-placeholder) ~ label,\n.form-floating textarea:not(:-ms-input-placeholder) ~ label {\n padding-top: .25rem;\n padding-bottom: .25rem;\n font-size: 14px;\n color: #777;\n opacity: .65;\n}\n",".form-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n.form-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0.25rem;\n background-color: #0d6efd;\n border: 0;\n border-radius: 1rem;\n transition:\n background-color 0.15s ease-in-out, // stylelint-disable-line\n border-color 0.15s ease-in-out, // stylelint-disable-line\n box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n.form-range::-ms-thumb:active {\n background-color: #b6d4fe;\n}\n\n.form-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem;\n}\n\n.form-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.form-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.form-range:disabled::-ms-thumb {\n background-color: #adb5bd;\n}\n",".form-select:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n",".modal-dialog-scrollable {\n display: flex;\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n}\n\n// Ensure `modal-dialog-centered` extends the full height of the view\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n// Ensure `.modal-body` shows scrollbar\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n",".progress {\n line-height: 1;\n}\n","// fix for form validation feedback not being positioned correctly\n// https://github.com/coliff/bootstrap-ie11/issues/29\n.invalid-tooltip,\n.valid-tooltip {\n left: 0;\n margin-left: 8px;\n}\n",".ratio-1x1::before {\r\n padding-top: 100%;\r\n}\r\n\r\n.ratio-4x3::before {\r\n padding-top: calc(3 / 4 * 100%);\r\n}\r\n\r\n.ratio-16x9::before {\r\n padding-top: calc(9 / 16 * 100%);\r\n}\r\n\r\n.ratio-21x9::before {\r\n padding-top: calc(9 / 21 * 100%);\r\n}\r\n"]} \ No newline at end of file diff --git a/css/bootstrap-ie11.min.css b/css/bootstrap-ie11.min.css index 8f76a1c..2c331ff 100644 --- a/css/bootstrap-ie11.min.css +++ b/css/bootstrap-ie11.min.css @@ -1,6 +1,6 @@ /*! - * Bootstrap for IE11 v5.1.2 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.1.3 (https://github.com/coliff/bootstrap-ie11) * Copyright 2021 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) - */@media all and (-ms-high-contrast:active),(-ms-high-contrast:none){svg{overflow:hidden}textarea{overflow:auto}hr{overflow:visible}button,input{overflow:visible}legend{color:inherit;white-space:normal}pre{-ms-overflow-style:scrollbar}template{display:none}main{display:block}.table>:not(caption)>*>*{box-shadow:none!important}.table.table-striped:not(.table-dark)>tbody>tr:nth-child(odd)>*{background-color:#f2f2f2!important}.table-dark.table-striped>:not(caption)>:nth-child(odd)>*{opacity:.9}.table-dark.table-striped>thead>tr>th{opacity:1!important}.table.table-hover:not(.table-dark)>tbody>tr:hover>*{background-color:#f2f2f2!important}.table.table-hover.table-dark>tbody>tr:hover>*{opacity:.9}.table.table-hover.table-striped>tbody>tr:hover>*{background-color:#e5e5e5!important}.pe-none{cursor:default}.text-break{word-wrap:break-word!important}.user-select-none{-ms-user-select:none!important}.user-select-auto{-ms-user-select:auto!important}.text-opacity-75{opacity:.75}.text-opacity-50{opacity:.5}.text-opacity-25{opacity:.25}.text-primary{color:#0d6efd}.text-secondary{color:#6c757d}.text-success{color:#198754}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#0dcaf0}.text-light{color:#f8f9fa}.text-dark{color:#212529}.text-body{color:#212529}.text-muted{color:#6c757d}.text-white{color:#fff}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hstack.gap-1>*{margin-right:.25rem}.hstack.gap-1>:last-child{margin-right:0}.hstack.gap-2>*{margin-right:.5rem}.hstack.gap-2>:last-child{margin-right:0}.hstack.gap-3>*{margin-right:1rem}.hstack.gap-3>:last-child{margin-right:0}.hstack.gap-4>*{margin-right:1.5rem}.hstack.gap-4>:last-child{margin-right:0}.hstack.gap-5>*{margin-right:3rem}.hstack.gap-5>:last-child{margin-right:0}.vstack.gap-1>*{margin-bottom:.25rem}.vstack.gap-1>:last-child{margin-bottom:0}.vstack.gap-2>*{margin-bottom:.5rem}.vstack.gap-2>:last-child{margin-bottom:0}.vstack.gap-3>*{margin-bottom:1rem}.vstack.gap-3>:last-child{margin-bottom:0}.vstack.gap-4>*{margin-bottom:1.5rem}.vstack.gap-4>:last-child{margin-bottom:0}.vstack.gap-5>*{margin-bottom:3rem}.vstack.gap-5>:last-child{margin-bottom:0}.vr{border-right:1px solid #212529}.justify-content-evenly{justify-content:space-around!important}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item::before{display:inline-block}.btn{-ms-user-select:none}.btn-close{background-clip:content-box}.btn-close.disabled,.btn-close:disabled{-ms-user-select:none}.card{min-height:1px}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0}.carousel-dark .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-dark .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.btn-close-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}.form-check-input{border-color:rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(111,111,111,.4)}input::-ms-check{color:transparent;background-color:transparent;border:0}select::-ms-expand{display:none}.form-check .form-check-input[type=radio]{margin-top:.27em;margin-left:-1.3em}.form-switch .form-check-input,.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e")}.form-switch :checked.form-check-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control-color{width:5rem}.form-control:disabled{-ms-user-select:none!important}.form-floating{display:flex;flex-direction:column-reverse}.form-floating>.form-control::-ms-input-placeholder{color:#6c757d}.form-floating>.form-control:not(:-ms-input-placeholder)~label{opacity:.65;transform:scale(.9) translateY(-.01rem) translateX(.15rem)}.form-floating input:-ms-input-placeholder,.form-floating select:-ms-input-placeholder,.form-floating textarea:-ms-input-placeholder{color:transparent}.form-floating input:not(:-ms-input-placeholder){padding-top:1.25rem;padding-bottom:.25rem}.form-floating input:not(:-ms-input-placeholder)~label,.form-floating select:not(:-ms-input-placeholder)~label,.form-floating textarea:not(:-ms-input-placeholder)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:14px;color:#777;opacity:.65}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.25rem;margin-left:.25rem;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}.form-range::-ms-thumb:active{background-color:#bed8fe}.form-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.form-range:disabled::-ms-thumb{background-color:#adb5bd}.form-select:focus::-ms-value{color:#495057;background-color:#fff}.modal-dialog-scrollable{display:flex}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.invalid-tooltip,.valid-tooltip{left:0;margin-left:8px}.ratio-1x1::before{padding-top:100%}.ratio-4x3::before{padding-top:calc(3 / 4 * 100%)}.ratio-16x9::before{padding-top:calc(9 / 16 * 100%)}.ratio-21x9::before{padding-top:calc(9 / 21 * 100%)}} + */@media all and (-ms-high-contrast:active),(-ms-high-contrast:none){svg{overflow:hidden}textarea{overflow:auto}hr{overflow:visible}button,input{overflow:visible}legend{color:inherit;white-space:normal}pre{-ms-overflow-style:scrollbar}template{display:none}main{display:block}.table>:not(caption)>*>*{box-shadow:none!important}.table.table-striped:not(.table-dark)>tbody>tr:nth-child(odd)>*{background-color:#f2f2f2!important}.table-dark.table-striped>:not(caption)>:nth-child(odd)>*{opacity:.9}.table-dark.table-striped>thead>tr>th{opacity:1!important}.table.table-hover:not(.table-dark)>tbody>tr:hover>*{background-color:#f2f2f2!important}.table.table-hover.table-dark>tbody>tr:hover>*{opacity:.9}.table.table-hover.table-striped>tbody>tr:hover>*{background-color:#e5e5e5!important}.pe-none{cursor:default}.text-break{word-wrap:break-word!important}.user-select-none{-ms-user-select:none!important}.user-select-auto{-ms-user-select:auto!important}.text-opacity-75{opacity:.75}.text-opacity-50{opacity:.5}.text-opacity-25{opacity:.25}.text-primary{color:#0d6efd}.text-secondary{color:#6c757d}.text-success{color:#198754}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#0dcaf0}.text-light{color:#f8f9fa}.text-dark{color:#212529}.text-body{color:#212529}.text-muted{color:#6c757d}.text-white{color:#fff}.visually-hidden,.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hstack.gap-1>*{margin-right:.25rem}.hstack.gap-1>:last-child{margin-right:0}.hstack.gap-2>*{margin-right:.5rem}.hstack.gap-2>:last-child{margin-right:0}.hstack.gap-3>*{margin-right:1rem}.hstack.gap-3>:last-child{margin-right:0}.hstack.gap-4>*{margin-right:1.5rem}.hstack.gap-4>:last-child{margin-right:0}.hstack.gap-5>*{margin-right:3rem}.hstack.gap-5>:last-child{margin-right:0}.vstack.gap-1>*{margin-bottom:.25rem}.vstack.gap-1>:last-child{margin-bottom:0}.vstack.gap-2>*{margin-bottom:.5rem}.vstack.gap-2>:last-child{margin-bottom:0}.vstack.gap-3>*{margin-bottom:1rem}.vstack.gap-3>:last-child{margin-bottom:0}.vstack.gap-4>*{margin-bottom:1.5rem}.vstack.gap-4>:last-child{margin-bottom:0}.vstack.gap-5>*{margin-bottom:3rem}.vstack.gap-5>:last-child{margin-bottom:0}.vr{border-right:1px solid #212529}.justify-content-evenly{justify-content:space-around!important}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item::before{display:inline-block}.btn{-ms-user-select:none}.btn-close{background-clip:content-box}.btn-close.disabled,.btn-close:disabled{-ms-user-select:none}.card{min-height:1px}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0}.carousel-dark .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-dark .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.btn-close-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}.form-check-input{border-color:rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(111,111,111,.4)}input::-ms-check{color:transparent;background-color:transparent;border:0}select::-ms-expand{display:none}.form-check .form-check-input[type=radio]{margin-top:.27em;margin-left:-1.3em}.form-switch .form-check-input,.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e")}.form-switch :checked.form-check-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control-color{width:5rem}.form-control:disabled{-ms-user-select:none!important}.form-floating{display:flex;flex-direction:column-reverse}.form-floating>.form-control::-ms-input-placeholder{color:#6c757d}.form-floating>.form-control:not(:-ms-input-placeholder)~label{opacity:.65;transform:scale(.9) translateY(-.01rem) translateX(.15rem)}.form-floating input:-ms-input-placeholder,.form-floating select:-ms-input-placeholder,.form-floating textarea:-ms-input-placeholder{color:transparent}.form-floating input:not(:-ms-input-placeholder){padding-top:1.25rem;padding-bottom:.25rem}.form-floating input:not(:-ms-input-placeholder)~label,.form-floating select:not(:-ms-input-placeholder)~label,.form-floating textarea:not(:-ms-input-placeholder)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:14px;color:#777;opacity:.65}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.25rem;margin-left:.25rem;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}.form-range::-ms-thumb:active{background-color:#b6d4fe}.form-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.form-range:disabled::-ms-thumb{background-color:#adb5bd}.form-select:focus::-ms-value{color:#495057;background-color:#fff}.modal-dialog-scrollable{display:flex}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.progress{line-height:1}.invalid-tooltip,.valid-tooltip{left:0;margin-left:8px}.ratio-1x1::before{padding-top:100%}.ratio-4x3::before{padding-top:calc(3 / 4 * 100%)}.ratio-16x9::before{padding-top:calc(9 / 16 * 100%)}.ratio-21x9::before{padding-top:calc(9 / 21 * 100%)}} /*# sourceMappingURL=bootstrap-ie11.min.css.map */ \ No newline at end of file diff --git a/css/bootstrap-ie11.min.css.map b/css/bootstrap-ie11.min.css.map index ba3c7a8..662d83e 100644 --- a/css/bootstrap-ie11.min.css.map +++ b/css/bootstrap-ie11.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\scss\\bootstrap-ie11.scss","..\\scss\\_reboot.scss","..\\scss\\_tables.scss","..\\scss\\_utilities.scss","..\\scss\\_breadcrumb.scss","..\\scss\\_buttons.scss","..\\scss\\_card.scss","..\\scss\\_carousel.scss","..\\scss\\_close.scss","..\\scss\\forms\\_form-check.scss","..\\scss\\forms\\_form-control.scss","..\\scss\\forms\\_form-floating-labels.scss","..\\scss\\forms\\_form-range.scss","..\\scss\\forms\\_form-select.scss","..\\scss\\_modal.scss","..\\scss\\_tooltip.scss","..\\scss\\helpers\\_ratio.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap for IE11 v5.1.2 (https://github.com/coliff/bootstrap-ie11)\n * Copyright 2021 C.Oliff\n * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE)\n */\n\n@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n @import \"reboot\";\n @import \"tables\";\n @import \"utilities\";\n @import \"breadcrumb\";\n @import \"buttons\";\n @import \"card\";\n @import \"carousel\";\n @import \"close\";\n @import \"forms/form-check\";\n @import \"forms/form-control\";\n @import \"forms/form-floating-labels\";\n @import \"forms/form-range\";\n @import \"forms/form-select\";\n @import \"modal\";\n @import \"tooltip\";\n @import \"helpers/ratio\";\n}\n","// Workaround for the SVG overflow bug.\n// See https://github.com/twbs/bootstrap/issues/26878\nsvg {\n overflow: hidden;\n}\n\n// Remove the default vertical scrollbar\ntextarea {\n overflow: auto;\n}\n\nhr {\n overflow: visible;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\n// 1. Correct the color inheritance from `fieldset` elements\n// 2. Correct the text wrapping\nlegend {\n color: inherit;\n white-space: normal;\n}\n\npre {\n // Disable auto-hiding scrollbar to avoid overlap,\n // making it impossible to interact with the content\n -ms-overflow-style: scrollbar;\n}\n\n// Add the correct display for template & main\ntemplate {\n display: none;\n}\n\nmain {\n display: block;\n}\n",".table > :not(caption) > * > * {\n box-shadow: none !important;\n}\n\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\n background-color: #f2f2f2 !important;\n}\n\n.table-dark.table-striped > :not(caption) > *:nth-child(odd) > * {\n opacity: 0.9;\n}\n\n.table-dark.table-striped > thead > tr > th {\n opacity: 1 !important;\n}\n\n.table.table-hover:not(.table-dark) > tbody > tr:hover > * {\n background-color: #f2f2f2 !important;\n}\n\n.table.table-hover.table-dark > tbody > tr:hover > * {\n opacity: 0.9;\n}\n\n.table.table-hover.table-striped > tbody > tr:hover > * {\n background-color: #e5e5e5 !important;\n}\n","// `pointer-events: none` isn't supported by IE11, setting `cursor: default` just makes it appear less like a link\n.pe-none {\n cursor: default;\n}\n\n.text-break {\n word-wrap: break-word !important;\n}\n\n.user-select-none {\n -ms-user-select: none !important;\n}\n\n.user-select-auto {\n -ms-user-select: auto !important;\n}\n\n// Text opacity\n.text-opacity-75 {\n opacity: 0.75;\n}\n\n.text-opacity-50 {\n opacity: 0.5;\n}\n\n.text-opacity-25 {\n opacity: 0.25;\n}\n\n// Text colors\n.text-primary {\n color: rgb(13, 110, 253);\n}\n\n.text-secondary {\n color: rgb(108, 117, 125);\n}\n\n.text-success {\n color: rgb(25, 135, 84);\n}\n\n.text-danger {\n color: rgb(220, 53, 69);\n}\n\n.text-warning {\n color: rgb(255, 193, 7);\n}\n\n.text-info {\n color: rgb(13, 202, 240);\n}\n\n.text-light {\n color: rgb(248, 249, 250);\n}\n\n.text-dark {\n color: rgb(33, 37, 41);\n}\n\n.text-body {\n color: rgb(33, 37, 41);\n}\n\n.text-muted {\n color: rgb(108, 117, 125);\n}\n\n.text-white {\n color: rgb(255, 255, 255);\n}\n\n// IE11 doesn't support :not(:focus-within) so the rules defined in Bootstrap 5 are repeated here\n.visually-hidden,\n.visually-hidden-focusable:not(:focus) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// horizontal stack gap\n.hstack.gap-1 > * {\n margin-right: 0.25rem;\n}\n\n.hstack.gap-1 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-2 > * {\n margin-right: 0.5rem;\n}\n\n.hstack.gap-2 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-3 > * {\n margin-right: 1rem;\n}\n\n.hstack.gap-3 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-4 > * {\n margin-right: 1.5rem;\n}\n\n.hstack.gap-4 > *:last-child {\n margin-right: 0;\n}\n\n.hstack.gap-5 > * {\n margin-right: 3rem;\n}\n\n.hstack.gap-5 > *:last-child {\n margin-right: 0;\n}\n\n// vertical stack gap\n.vstack.gap-1 > * {\n margin-bottom: 0.25rem;\n}\n\n.vstack.gap-1 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-2 > * {\n margin-bottom: 0.5rem;\n}\n\n.vstack.gap-2 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-3 > * {\n margin-bottom: 1rem;\n}\n\n.vstack.gap-3 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-4 > * {\n margin-bottom: 1.5rem;\n}\n\n.vstack.gap-4 > *:last-child {\n margin-bottom: 0;\n}\n\n.vstack.gap-5 > * {\n margin-bottom: 3rem;\n}\n\n.vstack.gap-5 > *:last-child {\n margin-bottom: 0;\n}\n\n// vertical-rule\n.vr {\n border-right: 1px solid rgb(33, 37, 41);\n}\n\n// flex\n// fix for: https://github.com/coliff/bootstrap-ie11/issues/84\n.justify-content-evenly {\n justify-content: space-around !important;\n}\n",".breadcrumb-item {\n display: flex;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n}\n",".btn {\n -ms-user-select: none;\n}\n\n.btn-close {\n background-clip: content-box;\n}\n\n.btn-close:disabled,\n.btn-close.disabled {\n -ms-user-select: none;\n}\n",".card {\n // Workaround for the image size bug\n // See: https://github.com/twbs/bootstrap/pull/28855\n min-height: 1px;\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n flex-shrink: 0;\n}\n","// Carousel (Dark Variant)\n\n// SVG background with white fill as IE11 doesn't support filter invert\n.carousel-dark .carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\");\n}\n\n// SVG background with white fill as IE11 doesn't support filter invert\n.carousel-dark .carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n","// SVG background with white fill as IE11 doesn't support filter invert\n.btn-close-white {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\");\n}\n","//\n// Check/radio\n//\n\n// makes the default checkbox icon nicer\n.form-check-input {\n border-color: rgba(0, 0, 0, .25);\n box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.4);\n}\n\n// Hides the default caret\ninput::-ms-check {\n color: transparent;\n background-color: transparent;\n border: 0;\n}\n\n// Unstyle the caret on ``s\r\nselect::-ms-expand {\r\n display: none;\r\n}\r\n\r\n.form-check .form-check-input[type=\"radio\"] {\r\n margin-top: 0.27em;\r\n margin-left: -1.3em;\r\n}\r\n\r\n//\r\n// Switch\r\n//\r\n\r\n.form-switch .form-check-input,\r\n.form-switch .form-check-input:focus {\r\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e\");\r\n}\r\n\r\n.form-switch :checked.form-check-input {\r\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\");\r\n}\r\n",".form-control:-ms-input-placeholder {\r\n color: #6c757d;\r\n opacity: 1;\r\n}\r\n\r\n// IE11 doesn't support input=color.\r\n// This changes the input so its not too narrow to allow a hex input (e.g. #FFFFFF)\r\n.form-control-color {\r\n width: 5rem;\r\n}\r\n\r\n.form-control:disabled {\r\n -ms-user-select: none !important;\r\n}\r\n",".form-floating {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.form-floating > .form-control::-ms-input-placeholder { // stylelint-disable-line\n color: #6c757d;\n}\n\n.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {\n opacity: 0.65;\n transform: scale(0.9) translateY(-0.01rem) translateX(0.15rem);\n}\n\n.form-floating input:-ms-input-placeholder,\n.form-floating select:-ms-input-placeholder,\n.form-floating textarea:-ms-input-placeholder {\n color: transparent;\n}\n\n.form-floating input:not(:-ms-input-placeholder) {\n padding-top: 1.25rem;\n padding-bottom: .25rem;\n}\n\n.form-floating input:not(:-ms-input-placeholder) ~ label,\n.form-floating select:not(:-ms-input-placeholder) ~ label,\n.form-floating textarea:not(:-ms-input-placeholder) ~ label {\n padding-top: .25rem;\n padding-bottom: .25rem;\n font-size: 14px;\n color: #777;\n opacity: .65;\n}\n",".form-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n.form-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0.25rem;\n background-color: #0d6efd;\n border: 0;\n border-radius: 1rem;\n transition:\n background-color 0.15s ease-in-out, // stylelint-disable-line\n border-color 0.15s ease-in-out, // stylelint-disable-line\n box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n.form-range::-ms-thumb:active {\n background-color: #b6d4fe;\n}\n\n.form-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem;\n}\n\n.form-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.form-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.form-range:disabled::-ms-thumb {\n background-color: #adb5bd;\n}\n",".form-select:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n",".modal-dialog-scrollable {\n display: flex;\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n}\n\n// Ensure `modal-dialog-centered` extends the full height of the view\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n// Ensure `.modal-body` shows scrollbar\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n",".progress {\n line-height: 1;\n}\n","// fix for form validation feedback not being positioned correctly\n// https://github.com/coliff/bootstrap-ie11/issues/29\n.invalid-tooltip,\n.valid-tooltip {\n left: 0;\n margin-left: 8px;\n}\n",".ratio-1x1::before {\r\n padding-top: 100%;\r\n}\r\n\r\n.ratio-4x3::before {\r\n padding-top: calc(3 / 4 * 100%);\r\n}\r\n\r\n.ratio-16x9::before {\r\n padding-top: calc(9 / 16 * 100%);\r\n}\r\n\r\n.ratio-21x9::before {\r\n padding-top: calc(9 / 21 * 100%);\r\n}\r\n"]} \ No newline at end of file diff --git a/package.json b/package.json index 55063c9..2e929ab 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-ie11", - "version": "5.1.2", + "version": "5.1.3", "description": "Bootstrap 5 for Internet Explorer 11", "keywords": [ "bootstrap", diff --git a/scss/_progress.scss b/scss/_progress.scss new file mode 100644 index 0000000..c14d555 --- /dev/null +++ b/scss/_progress.scss @@ -0,0 +1,3 @@ +.progress { + line-height: 1; +} diff --git a/scss/bootstrap-ie11.scss b/scss/bootstrap-ie11.scss index e5581b3..c32e368 100644 --- a/scss/bootstrap-ie11.scss +++ b/scss/bootstrap-ie11.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.1.2 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.1.3 (https://github.com/coliff/bootstrap-ie11) * Copyright 2021 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) */ @@ -19,6 +19,7 @@ @import "forms/form-range"; @import "forms/form-select"; @import "modal"; + @import "progress"; @import "tooltip"; @import "helpers/ratio"; } diff --git a/scss/forms/_form-range.scss b/scss/forms/_form-range.scss index efdbc1f..003f1e4 100644 --- a/scss/forms/_form-range.scss +++ b/scss/forms/_form-range.scss @@ -19,7 +19,7 @@ } .form-range::-ms-thumb:active { - background-color: #bed8fe; + background-color: #b6d4fe; } .form-range::-ms-track { diff --git a/tests/index.html b/tests/index.html index df26da2..6967059 100644 --- a/tests/index.html +++ b/tests/index.html @@ -7,7 +7,7 @@ Bootstrap 5 - IE11 Test - + @@ -41,7 +41,7 @@