From bc33653d66f27b1aebd1ae86b3ec5d84383be433 Mon Sep 17 00:00:00 2001 From: Christian Oliff <1212885+coliff@users.noreply.github.com> Date: Thu, 8 Sep 2022 16:55:39 +0900 Subject: [PATCH] v521 update --- .stylelintrc => .stylelintrc.json | 6 +--- README.md | 4 ++- css/bootstrap-ie11.css | 13 +++++++ css/bootstrap-ie11.css.map | 2 +- css/bootstrap-ie11.min.css | 2 +- css/bootstrap-ie11.min.css.map | 2 +- package-lock.json | 4 +-- package.json | 3 +- scss/_accordion.scss | 15 ++++++++ scss/bootstrap-ie11.scss | 3 +- tests/.htmlhintrc | 4 +-- tests/index.html | 60 ++++++++++++++++++++++++++++--- 12 files changed, 98 insertions(+), 20 deletions(-) rename .stylelintrc => .stylelintrc.json (76%) create mode 100644 scss/_accordion.scss diff --git a/.stylelintrc b/.stylelintrc.json similarity index 76% rename from .stylelintrc rename to .stylelintrc.json index b77bcbb..7b316ce 100644 --- a/.stylelintrc +++ b/.stylelintrc.json @@ -4,11 +4,7 @@ "declaration-no-important": null, "no-invalid-position-at-import-rule": null, "number-leading-zero": null, - "property-disallowed-list": [ - "gap", - "text-size-adjust", - "will-change" - ], + "property-disallowed-list": ["gap", "text-size-adjust", "will-change"], "property-no-vendor-prefix": null, "selector-max-type": null, "selector-max-universal": null, diff --git a/README.md b/README.md index 0e52b68..b6dc08c 100644 --- a/README.md +++ b/README.md @@ -37,7 +37,7 @@ If you'd prefer to load the bootstrap-ie11 CSS without JavaScript you could use The CSS can be loaded via a CDN: ```html - + ``` ## FAQS @@ -65,6 +65,7 @@ The CSS can be loaded via a CDN: - Polyfill for CSS custom properties ([ie11CustomProperties](https://github.com/nuxodin/ie11CustomProperties)) - Polyfill to fix most JavaScript components ([Polyfill.io](https://polyfill.io/v3/)) - Polyfill to fix tabs ([element-qsa-scope polyfill](https://www.npmjs.com/package/element-qsa-scope)) +- Fixes for Accordion button icons ### Known Issues @@ -73,6 +74,7 @@ The CSS can be loaded via a CDN: - SVG images with `.img-fluid` are sometimes disproportionately sized. To fix this, add `width: 100%;` or `.w-100` where necessary. This fix improperly sizes other image formats, so this isn't applied automatically. - There is a slight delay before the ie11CustomProperties polyfill works its magic. Consider adding `body{font-family:"Segoe UI", Arial, sans-serif;}` to your IE11-only stylesheet so there isn't a delay in the text displaying. - View a list of known issues at [https://github.com/coliff/bootstrap-ie11/issues](https://github.com/coliff/bootstrap-ie11/issues). +- From Bootstrap 5.2 onwards, CSS custom properties are used extensively which can cause issues with the ie11CustomProperties polyfill. ### How can I test this? diff --git a/css/bootstrap-ie11.css b/css/bootstrap-ie11.css index 9e97d3f..f8a458c 100644 --- a/css/bootstrap-ie11.css +++ b/css/bootstrap-ie11.css @@ -414,6 +414,19 @@ input { .card-img-bottom { flex-shrink: 0; } + .accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(-180deg); + } + .accordion-button::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transition: transform 0.2s ease-in-out; + } + .accordion-flush .accordion-item, +.accordion-flush .accordion-item .accordion-button, +.accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0 !important; + } .modal-dialog-scrollable { display: flex; } diff --git a/css/bootstrap-ie11.css.map b/css/bootstrap-ie11.css.map index 53d7c5f..47a7a5b 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/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/_card.scss","../scss/_modal.scss","../scss/_progress.scss","../scss/_list-group.scss","../scss/_close.scss","../scss/_carousel.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;;EAGF;IACE;;EAGF;IACE;;EChCF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIF;IACE;IACA;IACA;;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;;EAIF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAIF;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;;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;;ECrSF;IACE;;EAGF;IACE;;ECLF;IACE;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAGF;AAAA;AAAA;IAGE;IACA;;EAGF;AAAA;AAAA;IAGE;IACA;;ECnBF;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;IAGE;;EAGF;AAAA;AAAA;IAGE;;ECTF;IACE;;EAGF;IACE;;EAIF;IACE;IACA;IACA;;EAIF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAIF;IACE;IACA;;ECjCF;IACE;;ECDF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;ECpCF;IACE;;ECCF;IACE;;EAIF;IACE;;ECPF;AAAA;IAEE;IACA;;ECLF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE","file":"bootstrap-ie11.css","sourcesContent":["/*!\n * Bootstrap for IE11 v5.2.0 (https://github.com/coliff/bootstrap-ie11)\n * Copyright 2022 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 \"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 \"card\";\n @import \"modal\";\n @import \"progress\";\n @import \"list-group\";\n @import \"close\";\n @import \"carousel\";\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) > * > * {\r\n box-shadow: none !important;\r\n}\r\n\r\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-dark.table-striped > :not(caption) > *:nth-child(odd) > * {\r\n opacity: 0.9;\r\n}\r\n\r\n.table-dark.table-striped > thead > tr > th {\r\n opacity: 1 !important;\r\n}\r\n\r\n.table.table-hover:not(.table-dark) > tbody > tr:hover > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table.table-hover.table-dark > tbody > tr:hover > * {\r\n opacity: 0.9;\r\n}\r\n\r\n.table.table-hover.table-striped > tbody > tr:hover > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-dark.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\r\n background-color: rgba(0, 0, 0, 5) !important;\r\n}\r\n","// `pointer-events: none` isn't supported by IE11, setting `cursor: default` just makes it appear less like a link\r\n.pe-none {\r\n cursor: default;\r\n}\r\n\r\n.text-break {\r\n word-wrap: break-word !important;\r\n}\r\n\r\n.user-select-none {\r\n -ms-user-select: none !important;\r\n}\r\n\r\n.user-select-auto {\r\n -ms-user-select: auto !important;\r\n}\r\n\r\n// Text opacity\r\n.text-opacity-75 {\r\n opacity: 0.75;\r\n}\r\n\r\n.text-opacity-50 {\r\n opacity: 0.5;\r\n}\r\n\r\n.text-opacity-25 {\r\n opacity: 0.25;\r\n}\r\n\r\n// Border colors\r\n.border {\r\n border-color: #dee2e6;\r\n border-style: solid;\r\n border-width: 1px;\r\n}\r\n\r\n.border-primary {\r\n border-color: rgb(13, 110, 253);\r\n}\r\n\r\n.border-secondary {\r\n border-color: rgb(108, 117, 125);\r\n}\r\n\r\n.border-success {\r\n border-color: rgb(25, 135, 84);\r\n}\r\n\r\n.border-danger {\r\n border-color: rgb(220, 53, 69);\r\n}\r\n\r\n.border-warning {\r\n border-color: rgb(255, 193, 7);\r\n}\r\n\r\n.border-info {\r\n border-color: rgb(13, 202, 240);\r\n}\r\n\r\n.border-light {\r\n border-color: rgb(248, 249, 250);\r\n}\r\n\r\n.border-dark {\r\n border-color: rgb(33, 37, 41);\r\n}\r\n\r\n.border-white {\r\n border-color: rgb(255, 255, 255);\r\n}\r\n\r\n// Border Width\r\n.border-1 {\r\n border-width: 1px !important;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px !important;\r\n}\r\n\r\n.border-3 {\r\n border-width: 3px !important;\r\n}\r\n\r\n.border-4 {\r\n border-width: 4px !important;\r\n}\r\n\r\n.border-5 {\r\n border-width: 5px !important;\r\n}\r\n\r\n// Radius\r\n.rounded {\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.rounded-bottom {\r\n border-bottom-right-radius: 0.375rem;\r\n border-bottom-left-radius: 0.375rem;\r\n}\r\n\r\n.rounded-end {\r\n border-top-right-radius: 0.375rem;\r\n border-bottom-right-radius: 0.375rem;\r\n}\r\n\r\n.rounded-start {\r\n border-top-left-radius: 0.375rem;\r\n border-bottom-left-radius: 0.375rem;\r\n}\r\n\r\n.rounded-top {\r\n border-top-left-radius: 0.375rem;\r\n border-top-right-radius: 0.375rem;\r\n}\r\n\r\n// Border Radius Size\r\n.rounded-1 {\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.rounded-2 {\r\n border-radius: 0.25rem;\r\n}\r\n\r\n.rounded-3 {\r\n border-radius: 0.5rem;\r\n}\r\n\r\n.rounded-4 {\r\n border-radius: 1rem;\r\n}\r\n\r\n.rounded-5 {\r\n border-radius: 2rem;\r\n}\r\n\r\n.rounded-pill {\r\n border-radius: 50rem;\r\n}\r\n\r\n// Text colors\r\n.text-primary {\r\n color: rgb(13, 110, 253);\r\n}\r\n\r\n.text-secondary {\r\n color: rgb(108, 117, 125);\r\n}\r\n\r\n.text-success {\r\n color: rgb(25, 135, 84);\r\n}\r\n\r\n.text-danger {\r\n color: rgb(220, 53, 69);\r\n}\r\n\r\n.text-warning {\r\n color: rgb(255, 193, 7);\r\n}\r\n\r\n.text-info {\r\n color: rgb(13, 202, 240);\r\n}\r\n\r\n.text-light {\r\n color: rgb(248, 249, 250);\r\n}\r\n\r\n.text-dark {\r\n color: rgb(33, 37, 41);\r\n}\r\n\r\n.text-body {\r\n color: rgb(33, 37, 41);\r\n}\r\n\r\n.text-muted {\r\n color: rgb(108, 117, 125);\r\n}\r\n\r\n.text-white {\r\n color: rgb(255, 255, 255);\r\n}\r\n\r\n// IE11 doesn't support :not(:focus-within) so the rules defined in Bootstrap 5 are repeated here\r\n.visually-hidden,\r\n.visually-hidden-focusable:not(:focus) {\r\n position: absolute !important;\r\n width: 1px !important;\r\n height: 1px !important;\r\n padding: 0 !important;\r\n margin: -1px !important;\r\n overflow: hidden !important;\r\n clip: rect(0, 0, 0, 0) !important;\r\n white-space: nowrap !important;\r\n border: 0 !important;\r\n}\r\n\r\n// horizontal stack gap\r\n.hstack.gap-1 > * {\r\n margin-right: 0.25rem;\r\n}\r\n\r\n.hstack.gap-1 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-2 > * {\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.hstack.gap-2 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-3 > * {\r\n margin-right: 1rem;\r\n}\r\n\r\n.hstack.gap-3 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-4 > * {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.hstack.gap-4 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-5 > * {\r\n margin-right: 3rem;\r\n}\r\n\r\n.hstack.gap-5 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n// vertical stack gap\r\n.vstack.gap-1 > * {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.vstack.gap-1 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-2 > * {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.vstack.gap-2 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-3 > * {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.vstack.gap-3 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-4 > * {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.vstack.gap-4 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-5 > * {\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.vstack.gap-5 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n// vertical-rule\r\n.vr {\r\n border-right: 1px solid rgb(33, 37, 41);\r\n}\r\n\r\n// flex\r\n// fix for: https://github.com/coliff/bootstrap-ie11/issues/84\r\n.justify-content-evenly {\r\n justify-content: space-around !important;\r\n}\r\n",".breadcrumb-item {\n display: flex;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n}\n",".btn {\r\n -ms-user-select: none;\r\n}\r\n\r\n.btn-close {\r\n background-clip: content-box;\r\n}\r\n\r\n.btn-close:disabled,\r\n.btn-close.disabled {\r\n -ms-user-select: none;\r\n}\r\n\r\n.btn-group > :not(:last-child).btn-group > .btn,\r\n.btn-group > :first-child.btn.dropdown-toggle-split,\r\n.btn-group > :not(:last-child):not(.dropdown-toggle).btn {\r\n border-top-right-radius: 0 !important;\r\n border-bottom-right-radius: 0 !important;\r\n}\r\n\r\n.btn-group > :not(:first-child).btn-group > .btn,\r\n.btn-group > :nth-child(n + 3).btn,\r\n.btn-group > :not(.btn-check) + .btn {\r\n border-top-left-radius: 0 !important;\r\n border-bottom-left-radius: 0 !important;\r\n}\r\n","//\r\n// Check/radio\r\n//\r\n\r\n// makes the default checkbox icon nicer\r\n.form-check-input {\r\n border-color: rgba(0, 0, 0, .25);\r\n box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.4);\r\n}\r\n\r\n// Hides the default caret\r\ninput::-ms-check {\r\n color: transparent;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\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",".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",".accordion-button:not(.collapsed)::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n transform: rotate(-180deg);\n}\n\n.accordion-button::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n transition: transform 0.2s ease-in-out;\n}\n\n.accordion-flush .accordion-item,\n.accordion-flush .accordion-item .accordion-button,\n.accordion-flush .accordion-item .accordion-button.collapsed {\n border-radius: 0 !important;\n}\n",".modal-dialog-scrollable {\r\n display: flex;\r\n}\r\n\r\n.modal-dialog-scrollable .modal-content {\r\n max-height: calc(100vh - 1rem);\r\n}\r\n\r\n// Ensure `modal-dialog-centered` extends the full height of the view\r\n.modal-dialog-centered::before {\r\n display: block;\r\n height: calc(100vh - 1rem);\r\n content: \"\";\r\n}\r\n\r\n// Ensure `.modal-body` shows scrollbar\r\n.modal-dialog-centered.modal-dialog-scrollable {\r\n flex-direction: column;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\r\n max-height: none;\r\n}\r\n\r\n.modal-dialog-centered.modal-dialog-scrollable::before {\r\n content: none;\r\n}\r\n\r\n// Ensures that modals are horizontally centered\r\n.modal-dialog {\r\n margin-right: auto !important;\r\n margin-left: auto !important;\r\n}\r\n",".progress {\n line-height: 1;\n}\n",".list-group-item-primary {\r\n color: #084298 !important;\r\n background-color: #cfe2ff !important;\r\n}\r\n\r\n.list-group-item-secondary {\r\n color: #41464b !important;\r\n background-color: #e2e3e5 !important;\r\n}\r\n\r\n.list-group-item-success {\r\n color: #0f5132 !important;\r\n background-color: #d1e7dd !important;\r\n}\r\n\r\n.list-group-item-danger {\r\n color: #842029 !important;\r\n background-color: #f8d7da !important;\r\n}\r\n\r\n.list-group-item-warning {\r\n color: #664d03 !important;\r\n background-color: #fff3cd !important;\r\n}\r\n\r\n.list-group-item-info {\r\n color: #055160 !important;\r\n background-color: #cff4fc !important;\r\n}\r\n\r\n.list-group-item-light {\r\n color: #636464 !important;\r\n background-color: #fefefe !important;\r\n}\r\n\r\n.list-group-item-dark {\r\n color: #141619 !important;\r\n background-color: #d3d3d4 !important;\r\n}\r\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","// Carousel (Dark Variant)\r\n\r\n// SVG background with dark fill as IE11 doesn't support filter invert\r\n.carousel-dark .carousel-control-prev-icon {\r\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\");\r\n}\r\n\r\n// SVG background with dark fill as IE11 doesn't support filter invert\r\n.carousel-dark .carousel-control-next-icon {\r\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\");\r\n}\r\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 7694062..e941fff 100644 --- a/css/bootstrap-ie11.min.css +++ b/css/bootstrap-ie11.min.css @@ -2,5 +2,5 @@ * Bootstrap for IE11 v5.2.0 (https://github.com/coliff/bootstrap-ie11) * Copyright 2022 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:rgba(0,0,0,.05)!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:rgba(0,0,0,.05)!important}.table.table-hover.table-dark>tbody>tr:hover>*{opacity:.9}.table.table-hover.table-striped>tbody>tr:hover>*{background-color:rgba(0,0,0,.05)!important}.table-striped-columns>:not(caption)>tr>:nth-child(2n){background-color:rgba(0,0,0,.05)!important}.table-dark.table-striped-columns>:not(caption)>tr>:nth-child(2n){background-color:#000!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}.border{border-color:#dee2e6;border-style:solid;border-width:1px}.border-primary{border-color:#0d6efd}.border-secondary{border-color:#6c757d}.border-success{border-color:#198754}.border-danger{border-color:#dc3545}.border-warning{border-color:#ffc107}.border-info{border-color:#0dcaf0}.border-light{border-color:#f8f9fa}.border-dark{border-color:#212529}.border-white{border-color:#fff}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.rounded{border-radius:.375rem}.rounded-bottom{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-end{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-start{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-1{border-radius:.375rem}.rounded-2{border-radius:.25rem}.rounded-3{border-radius:.5rem}.rounded-4{border-radius:1rem}.rounded-5{border-radius:2rem}.rounded-pill{border-radius:50rem}.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}.btn-group>:first-child.btn.dropdown-toggle-split,.btn-group>:not(:last-child).btn-group>.btn,.btn-group>:not(:last-child):not(.dropdown-toggle).btn{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.btn-group>:not(.btn-check)+.btn,.btn-group>:not(:first-child).btn-group>.btn,.btn-group>:nth-child(n+3).btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.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}.card{min-height:1px}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0}.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}.modal-dialog{margin-right:auto!important;margin-left:auto!important}.progress{line-height:1}.list-group-item-primary{color:#084298!important;background-color:#cfe2ff!important}.list-group-item-secondary{color:#41464b!important;background-color:#e2e3e5!important}.list-group-item-success{color:#0f5132!important;background-color:#d1e7dd!important}.list-group-item-danger{color:#842029!important;background-color:#f8d7da!important}.list-group-item-warning{color:#664d03!important;background-color:#fff3cd!important}.list-group-item-info{color:#055160!important;background-color:#cff4fc!important}.list-group-item-light{color:#636464!important;background-color:#fefefe!important}.list-group-item-dark{color:#141619!important;background-color:#d3d3d4!important}.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")}.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")}.invalid-tooltip,.valid-tooltip{left:0;margin-left:8px}.ratio-1x1::before{padding-top:100%}.ratio-4x3::before{padding-top:75%}.ratio-16x9::before{padding-top:56.25%}.ratio-21x9::before{padding-top:42.8571428571%}} + */@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:rgba(0,0,0,.05)!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:rgba(0,0,0,.05)!important}.table.table-hover.table-dark>tbody>tr:hover>*{opacity:.9}.table.table-hover.table-striped>tbody>tr:hover>*{background-color:rgba(0,0,0,.05)!important}.table-striped-columns>:not(caption)>tr>:nth-child(2n){background-color:rgba(0,0,0,.05)!important}.table-dark.table-striped-columns>:not(caption)>tr>:nth-child(2n){background-color:#000!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}.border{border-color:#dee2e6;border-style:solid;border-width:1px}.border-primary{border-color:#0d6efd}.border-secondary{border-color:#6c757d}.border-success{border-color:#198754}.border-danger{border-color:#dc3545}.border-warning{border-color:#ffc107}.border-info{border-color:#0dcaf0}.border-light{border-color:#f8f9fa}.border-dark{border-color:#212529}.border-white{border-color:#fff}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.rounded{border-radius:.375rem}.rounded-bottom{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-end{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-start{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-1{border-radius:.375rem}.rounded-2{border-radius:.25rem}.rounded-3{border-radius:.5rem}.rounded-4{border-radius:1rem}.rounded-5{border-radius:2rem}.rounded-pill{border-radius:50rem}.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}.btn-group>:first-child.btn.dropdown-toggle-split,.btn-group>:not(:last-child).btn-group>.btn,.btn-group>:not(:last-child):not(.dropdown-toggle).btn{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.btn-group>:not(.btn-check)+.btn,.btn-group>:not(:first-child).btn-group>.btn,.btn-group>:nth-child(n+3).btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.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}.card{min-height:1px}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transition:transform .2s ease-in-out}.accordion-flush .accordion-item,.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0!important}.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}.modal-dialog{margin-right:auto!important;margin-left:auto!important}.progress{line-height:1}.list-group-item-primary{color:#084298!important;background-color:#cfe2ff!important}.list-group-item-secondary{color:#41464b!important;background-color:#e2e3e5!important}.list-group-item-success{color:#0f5132!important;background-color:#d1e7dd!important}.list-group-item-danger{color:#842029!important;background-color:#f8d7da!important}.list-group-item-warning{color:#664d03!important;background-color:#fff3cd!important}.list-group-item-info{color:#055160!important;background-color:#cff4fc!important}.list-group-item-light{color:#636464!important;background-color:#fefefe!important}.list-group-item-dark{color:#141619!important;background-color:#d3d3d4!important}.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")}.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")}.invalid-tooltip,.valid-tooltip{left:0;margin-left:8px}.ratio-1x1::before{padding-top:100%}.ratio-4x3::before{padding-top:75%}.ratio-16x9::before{padding-top:56.25%}.ratio-21x9::before{padding-top:42.8571428571%}} /*# 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 c8fc56b..ce51a60 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\\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\\_card.scss","..\\scss\\_modal.scss","..\\scss\\_progress.scss","..\\scss\\_list-group.scss","..\\scss\\_close.scss","..\\scss\\_carousel.scss","..\\scss\\_tooltip.scss","..\\scss\\helpers\\_ratio.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap for IE11 v5.2.0 (https://github.com/coliff/bootstrap-ie11)\n * Copyright 2022 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 \"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 \"card\";\n @import \"modal\";\n @import \"progress\";\n @import \"list-group\";\n @import \"close\";\n @import \"carousel\";\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) > * > * {\r\n box-shadow: none !important;\r\n}\r\n\r\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-dark.table-striped > :not(caption) > *:nth-child(odd) > * {\r\n opacity: 0.9;\r\n}\r\n\r\n.table-dark.table-striped > thead > tr > th {\r\n opacity: 1 !important;\r\n}\r\n\r\n.table.table-hover:not(.table-dark) > tbody > tr:hover > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table.table-hover.table-dark > tbody > tr:hover > * {\r\n opacity: 0.9;\r\n}\r\n\r\n.table.table-hover.table-striped > tbody > tr:hover > * {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\r\n background-color: rgba(0 0 0 / 5%) !important;\r\n}\r\n\r\n.table-dark.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\r\n background-color: rgba(0, 0, 0, 5) !important;\r\n}\r\n","// `pointer-events: none` isn't supported by IE11, setting `cursor: default` just makes it appear less like a link\r\n.pe-none {\r\n cursor: default;\r\n}\r\n\r\n.text-break {\r\n word-wrap: break-word !important;\r\n}\r\n\r\n.user-select-none {\r\n -ms-user-select: none !important;\r\n}\r\n\r\n.user-select-auto {\r\n -ms-user-select: auto !important;\r\n}\r\n\r\n// Text opacity\r\n.text-opacity-75 {\r\n opacity: 0.75;\r\n}\r\n\r\n.text-opacity-50 {\r\n opacity: 0.5;\r\n}\r\n\r\n.text-opacity-25 {\r\n opacity: 0.25;\r\n}\r\n\r\n// Border colors\r\n.border {\r\n border-color: #dee2e6;\r\n border-style: solid;\r\n border-width: 1px;\r\n}\r\n\r\n.border-primary {\r\n border-color: rgb(13, 110, 253);\r\n}\r\n\r\n.border-secondary {\r\n border-color: rgb(108, 117, 125);\r\n}\r\n\r\n.border-success {\r\n border-color: rgb(25, 135, 84);\r\n}\r\n\r\n.border-danger {\r\n border-color: rgb(220, 53, 69);\r\n}\r\n\r\n.border-warning {\r\n border-color: rgb(255, 193, 7);\r\n}\r\n\r\n.border-info {\r\n border-color: rgb(13, 202, 240);\r\n}\r\n\r\n.border-light {\r\n border-color: rgb(248, 249, 250);\r\n}\r\n\r\n.border-dark {\r\n border-color: rgb(33, 37, 41);\r\n}\r\n\r\n.border-white {\r\n border-color: rgb(255, 255, 255);\r\n}\r\n\r\n// Border Width\r\n.border-1 {\r\n border-width: 1px !important;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px !important;\r\n}\r\n\r\n.border-3 {\r\n border-width: 3px !important;\r\n}\r\n\r\n.border-4 {\r\n border-width: 4px !important;\r\n}\r\n\r\n.border-5 {\r\n border-width: 5px !important;\r\n}\r\n\r\n// Radius\r\n.rounded {\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.rounded-bottom {\r\n border-bottom-right-radius: 0.375rem;\r\n border-bottom-left-radius: 0.375rem;\r\n}\r\n\r\n.rounded-end {\r\n border-top-right-radius: 0.375rem;\r\n border-bottom-right-radius: 0.375rem;\r\n}\r\n\r\n.rounded-start {\r\n border-top-left-radius: 0.375rem;\r\n border-bottom-left-radius: 0.375rem;\r\n}\r\n\r\n.rounded-top {\r\n border-top-left-radius: 0.375rem;\r\n border-top-right-radius: 0.375rem;\r\n}\r\n\r\n// Border Radius Size\r\n.rounded-1 {\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.rounded-2 {\r\n border-radius: 0.25rem;\r\n}\r\n\r\n.rounded-3 {\r\n border-radius: 0.5rem;\r\n}\r\n\r\n.rounded-4 {\r\n border-radius: 1rem;\r\n}\r\n\r\n.rounded-5 {\r\n border-radius: 2rem;\r\n}\r\n\r\n.rounded-pill {\r\n border-radius: 50rem;\r\n}\r\n\r\n// Text colors\r\n.text-primary {\r\n color: rgb(13, 110, 253);\r\n}\r\n\r\n.text-secondary {\r\n color: rgb(108, 117, 125);\r\n}\r\n\r\n.text-success {\r\n color: rgb(25, 135, 84);\r\n}\r\n\r\n.text-danger {\r\n color: rgb(220, 53, 69);\r\n}\r\n\r\n.text-warning {\r\n color: rgb(255, 193, 7);\r\n}\r\n\r\n.text-info {\r\n color: rgb(13, 202, 240);\r\n}\r\n\r\n.text-light {\r\n color: rgb(248, 249, 250);\r\n}\r\n\r\n.text-dark {\r\n color: rgb(33, 37, 41);\r\n}\r\n\r\n.text-body {\r\n color: rgb(33, 37, 41);\r\n}\r\n\r\n.text-muted {\r\n color: rgb(108, 117, 125);\r\n}\r\n\r\n.text-white {\r\n color: rgb(255, 255, 255);\r\n}\r\n\r\n// IE11 doesn't support :not(:focus-within) so the rules defined in Bootstrap 5 are repeated here\r\n.visually-hidden,\r\n.visually-hidden-focusable:not(:focus) {\r\n position: absolute !important;\r\n width: 1px !important;\r\n height: 1px !important;\r\n padding: 0 !important;\r\n margin: -1px !important;\r\n overflow: hidden !important;\r\n clip: rect(0, 0, 0, 0) !important;\r\n white-space: nowrap !important;\r\n border: 0 !important;\r\n}\r\n\r\n// horizontal stack gap\r\n.hstack.gap-1 > * {\r\n margin-right: 0.25rem;\r\n}\r\n\r\n.hstack.gap-1 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-2 > * {\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.hstack.gap-2 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-3 > * {\r\n margin-right: 1rem;\r\n}\r\n\r\n.hstack.gap-3 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-4 > * {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.hstack.gap-4 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.hstack.gap-5 > * {\r\n margin-right: 3rem;\r\n}\r\n\r\n.hstack.gap-5 > *:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n// vertical stack gap\r\n.vstack.gap-1 > * {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.vstack.gap-1 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-2 > * {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.vstack.gap-2 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-3 > * {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.vstack.gap-3 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-4 > * {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.vstack.gap-4 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.vstack.gap-5 > * {\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.vstack.gap-5 > *:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n// vertical-rule\r\n.vr {\r\n border-right: 1px solid rgb(33, 37, 41);\r\n}\r\n\r\n// flex\r\n// fix for: https://github.com/coliff/bootstrap-ie11/issues/84\r\n.justify-content-evenly {\r\n justify-content: space-around !important;\r\n}\r\n",".breadcrumb-item {\n display: flex;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n}\n",".btn {\r\n -ms-user-select: none;\r\n}\r\n\r\n.btn-close {\r\n background-clip: content-box;\r\n}\r\n\r\n.btn-close:disabled,\r\n.btn-close.disabled {\r\n -ms-user-select: none;\r\n}\r\n\r\n.btn-group > :not(:last-child).btn-group > .btn,\r\n.btn-group > :first-child.btn.dropdown-toggle-split,\r\n.btn-group > :not(:last-child):not(.dropdown-toggle).btn {\r\n border-top-right-radius: 0 !important;\r\n border-bottom-right-radius: 0 !important;\r\n}\r\n\r\n.btn-group > :not(:first-child).btn-group > .btn,\r\n.btn-group > :nth-child(n + 3).btn,\r\n.btn-group > :not(.btn-check) + .btn {\r\n border-top-left-radius: 0 !important;\r\n border-bottom-left-radius: 0 !important;\r\n}\r\n","//\r\n// Check/radio\r\n//\r\n\r\n// makes the default checkbox icon nicer\r\n.form-check-input {\r\n border-color: rgba(0, 0, 0, .25);\r\n box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.4);\r\n}\r\n\r\n// Hides the default caret\r\ninput::-ms-check {\r\n color: transparent;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\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",".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",".accordion-button:not(.collapsed)::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n transform: rotate(-180deg);\n}\n\n.accordion-button::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n transition: transform 0.2s ease-in-out;\n}\n\n.accordion-flush .accordion-item,\n.accordion-flush .accordion-item .accordion-button,\n.accordion-flush .accordion-item .accordion-button.collapsed {\n border-radius: 0 !important;\n}\n",".modal-dialog-scrollable {\r\n display: flex;\r\n}\r\n\r\n.modal-dialog-scrollable .modal-content {\r\n max-height: calc(100vh - 1rem);\r\n}\r\n\r\n// Ensure `modal-dialog-centered` extends the full height of the view\r\n.modal-dialog-centered::before {\r\n display: block;\r\n height: calc(100vh - 1rem);\r\n content: \"\";\r\n}\r\n\r\n// Ensure `.modal-body` shows scrollbar\r\n.modal-dialog-centered.modal-dialog-scrollable {\r\n flex-direction: column;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\r\n max-height: none;\r\n}\r\n\r\n.modal-dialog-centered.modal-dialog-scrollable::before {\r\n content: none;\r\n}\r\n\r\n// Ensures that modals are horizontally centered\r\n.modal-dialog {\r\n margin-right: auto !important;\r\n margin-left: auto !important;\r\n}\r\n",".progress {\n line-height: 1;\n}\n",".list-group-item-primary {\r\n color: #084298 !important;\r\n background-color: #cfe2ff !important;\r\n}\r\n\r\n.list-group-item-secondary {\r\n color: #41464b !important;\r\n background-color: #e2e3e5 !important;\r\n}\r\n\r\n.list-group-item-success {\r\n color: #0f5132 !important;\r\n background-color: #d1e7dd !important;\r\n}\r\n\r\n.list-group-item-danger {\r\n color: #842029 !important;\r\n background-color: #f8d7da !important;\r\n}\r\n\r\n.list-group-item-warning {\r\n color: #664d03 !important;\r\n background-color: #fff3cd !important;\r\n}\r\n\r\n.list-group-item-info {\r\n color: #055160 !important;\r\n background-color: #cff4fc !important;\r\n}\r\n\r\n.list-group-item-light {\r\n color: #636464 !important;\r\n background-color: #fefefe !important;\r\n}\r\n\r\n.list-group-item-dark {\r\n color: #141619 !important;\r\n background-color: #d3d3d4 !important;\r\n}\r\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","// Carousel (Dark Variant)\r\n\r\n// SVG background with dark fill as IE11 doesn't support filter invert\r\n.carousel-dark .carousel-control-prev-icon {\r\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\");\r\n}\r\n\r\n// SVG background with dark fill as IE11 doesn't support filter invert\r\n.carousel-dark .carousel-control-next-icon {\r\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\");\r\n}\r\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-lock.json b/package-lock.json index c8a07b9..3e24cf2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "bootstrap-ie11", - "version": "5.2.0", + "version": "5.2.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "bootstrap-ie11", - "version": "5.2.0", + "version": "5.2.1", "license": "MIT", "devDependencies": { "clean-css-cli": "4.3.0", diff --git a/package.json b/package.json index 1f56e33..a0c7b84 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-ie11", - "version": "5.2.0", + "version": "5.2.1", "description": "Bootstrap 5 for Internet Explorer 11", "keywords": [ "bootstrap", @@ -41,6 +41,7 @@ "css-compile": "sass --style expanded --source-map --embed-sources scss:css", "css-lint": "stylelint \"scss/*.scss\"", "css-minify": "cleancss --format breakWith=lf --source-map --source-map-inline-sources --output css/bootstrap-ie11.min.css css/bootstrap-ie11.css", + "html-lint": "npx htmlhint \"tests/*.html\"", "prettier": "npx prettier --write \"scss/*.scss\"", "test": "npm run css-lint" }, diff --git a/scss/_accordion.scss b/scss/_accordion.scss new file mode 100644 index 0000000..14ead6c --- /dev/null +++ b/scss/_accordion.scss @@ -0,0 +1,15 @@ +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(-180deg); +} + +.accordion-button::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transition: transform 0.2s ease-in-out; +} + +.accordion-flush .accordion-item, +.accordion-flush .accordion-item .accordion-button, +.accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0 !important; +} diff --git a/scss/bootstrap-ie11.scss b/scss/bootstrap-ie11.scss index 4ab1cff..0ac8ee7 100644 --- a/scss/bootstrap-ie11.scss +++ b/scss/bootstrap-ie11.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.2.0 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.2.1 (https://github.com/coliff/bootstrap-ie11) * Copyright 2022 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) */ @@ -16,6 +16,7 @@ @import "forms/form-range"; @import "forms/form-select"; @import "card"; + @import "accordion"; @import "modal"; @import "progress"; @import "list-group"; diff --git a/tests/.htmlhintrc b/tests/.htmlhintrc index e8f2a8c..cb51e3c 100644 --- a/tests/.htmlhintrc +++ b/tests/.htmlhintrc @@ -14,8 +14,8 @@ "id-unique": true, "inline-script-disabled": false, "inline-style-disabled": false, - "space-tab-mixed-disabled": true, - "spec-char-escape": true, + "space-tab-mixed-disabled": space, + "spec-char-escape": false, "src-not-empty": true, "style-disabled": false, "tag-self-close": false, diff --git a/tests/index.html b/tests/index.html index b05c1af..0bb1c26 100644 --- a/tests/index.html +++ b/tests/index.html @@ -7,11 +7,11 @@ Bootstrap 5 - IE11 Test - + - + +