diff --git a/README.md b/README.md index b6dc08c..924c826 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ ## Quick start - Download the [latest release](https://github.com/coliff/bootstrap-ie11) -- Clone the repo `git clone https://github.com/coliff/bootstrap-ie11.git` +- Clone the repository `git clone https://github.com/coliff/bootstrap-ie11.git` - Install with [npm](https://www.npmjs.com/package/bootstrap-ie11) `npm install bootstrap-ie11` - Install with [yarn](https://classic.yarnpkg.com/en/package/bootstrap-ie11) `yarn add bootstrap-ie11` - Install with [Composer](https://packagist.org/packages/coliff/bootstrap-ie11) `composer require coliff/bootstrap-ie11` @@ -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 @@ -66,13 +66,14 @@ The CSS can be loaded via a CDN: - 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 +- Fix for border utility classes ### Known Issues - Internet Explorer 11 does not support vertical alignment of flex items when the flex container has a `min-height`. [See Flexbugs #3 for more details.](https://github.com/philipwalton/flexbugs#flexbug-3) - The ie11CustomProperties polyfill currently removes the `!important` from any CSS variables with that set. See [ie11CustomProperties issue #62](https://github.com/nuxodin/ie11CustomProperties/issues/62). - 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. +- 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 style sheet 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. diff --git a/css/bootstrap-ie11.css b/css/bootstrap-ie11.css index d3096bf..5c88c73 100644 --- a/css/bootstrap-ie11.css +++ b/css/bootstrap-ie11.css @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.2.1 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.2.2 (https://github.com/coliff/bootstrap-ie11) * Copyright 2022 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) */ diff --git a/css/bootstrap-ie11.css.map b/css/bootstrap-ie11.css.map index e9dc101..4e4a73b 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/_accordion.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;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;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;;EC5TF;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;IACA;;EAGF;IACE;IACA;;EAGF;AAAA;AAAA;IAGE;;ECbF;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.1 (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 \"accordion\";\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) > * > * {\n box-shadow: none !important;\n}\n\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\n background-color: rgba(0 0 0 / 5%) !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: rgba(0 0 0 / 5%) !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: rgba(0 0 0 / 5%) !important;\n}\n\n.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\n background-color: rgba(0 0 0 / 5%) !important;\n}\n\n.table-dark.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\n background-color: rgba(0, 0, 0, 5) !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// Border colors\n.border {\n border-color: #dee2e6;\n border-style: solid;\n border-width: 1px;\n}\n\n.border-primary {\n border-color: rgb(13, 110, 253);\n}\n\n.border-secondary {\n border-color: rgb(108, 117, 125);\n}\n\n.border-success {\n border-color: rgb(25, 135, 84);\n}\n\n.border-danger {\n border-color: rgb(220, 53, 69);\n}\n\n.border-warning {\n border-color: rgb(255, 193, 7);\n}\n\n.border-info {\n border-color: rgb(13, 202, 240);\n}\n\n.border-light {\n border-color: rgb(248, 249, 250);\n}\n\n.border-dark {\n border-color: rgb(33, 37, 41);\n}\n\n.border-white {\n border-color: rgb(255, 255, 255);\n}\n\n.border-top {\n border-top-color: #dee2e6;\n border-top-style: solid;\n border-top-width: 1px;\n}\n\n.border-bottom {\n border-bottom-color: #dee2e6;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n}\n\n.border-start {\n border-left-color: #dee2e6;\n border-left-style: solid;\n border-left-width: 1px;\n}\n\n.border-end {\n border-right-color: #dee2e6;\n border-right-style: solid;\n border-right-width: 1px;\n}\n// Border Width\n.border-1 {\n border-width: 1px !important;\n}\n\n.border-2 {\n border-width: 2px !important;\n}\n\n.border-3 {\n border-width: 3px !important;\n}\n\n.border-4 {\n border-width: 4px !important;\n}\n\n.border-5 {\n border-width: 5px !important;\n}\n\n// Radius\n.rounded {\n border-radius: 0.375rem;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n\n.rounded-end {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\n\n.rounded-start {\n border-top-left-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n\n.rounded-top {\n border-top-left-radius: 0.375rem;\n border-top-right-radius: 0.375rem;\n}\n\n// Border Radius Size\n.rounded-1 {\n border-radius: 0.375rem;\n}\n\n.rounded-2 {\n border-radius: 0.25rem;\n}\n\n.rounded-3 {\n border-radius: 0.5rem;\n}\n\n.rounded-4 {\n border-radius: 1rem;\n}\n\n.rounded-5 {\n border-radius: 2rem;\n}\n\n.rounded-pill {\n border-radius: 50rem;\n}\n\n// Text colors\n.text-primary {\n color: rgb(13, 110, 253) !important;\n}\n\n.text-secondary {\n color: rgb(108, 117, 125) !important;\n}\n\n.text-success {\n color: rgb(25, 135, 84) !important;\n}\n\n.text-danger {\n color: rgb(220, 53, 69) !important;\n}\n\n.text-warning {\n color: rgb(255, 193, 7) !important;\n}\n\n.text-info {\n color: rgb(13, 202, 240) !important;\n}\n\n.text-light {\n color: rgb(248, 249, 250) !important;\n}\n\n.text-dark {\n color: rgb(33, 37, 41) !important;\n}\n\n.text-body {\n color: rgb(33, 37, 41) !important;\n}\n\n.text-muted {\n color: rgb(108, 117, 125) !important;\n}\n\n.text-white {\n color: rgb(255, 255, 255) !important;\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\n.btn-group > :not(:last-child).btn-group > .btn,\n.btn-group > :first-child.btn.dropdown-toggle-split,\n.btn-group > :not(:last-child):not(.dropdown-toggle).btn {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.btn-group > :not(:first-child).btn-group > .btn,\n.btn-group > :nth-child(n + 3).btn,\n.btn-group > :not(.btn-check) + .btn {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\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 {\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\n// Ensures that modals are horizontally centered\n.modal-dialog {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n",".progress {\n line-height: 1;\n}\n",".list-group-item-primary {\n color: #084298 !important;\n background-color: #cfe2ff !important;\n}\n\n.list-group-item-secondary {\n color: #41464b !important;\n background-color: #e2e3e5 !important;\n}\n\n.list-group-item-success {\n color: #0f5132 !important;\n background-color: #d1e7dd !important;\n}\n\n.list-group-item-danger {\n color: #842029 !important;\n background-color: #f8d7da !important;\n}\n\n.list-group-item-warning {\n color: #664d03 !important;\n background-color: #fff3cd !important;\n}\n\n.list-group-item-info {\n color: #055160 !important;\n background-color: #cff4fc !important;\n}\n\n.list-group-item-light {\n color: #636464 !important;\n background-color: #fefefe !important;\n}\n\n.list-group-item-dark {\n color: #141619 !important;\n background-color: #d3d3d4 !important;\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","// Carousel (Dark Variant)\n\n// SVG background with dark 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 dark 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","// 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 ef6fd57..029d62f 100644 --- a/css/bootstrap-ie11.min.css +++ b/css/bootstrap-ie11.min.css @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.2.1 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.2.2 (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-top{border-top-color:#dee2e6;border-top-style:solid;border-top-width:1px}.border-bottom{border-bottom-color:#dee2e6;border-bottom-style:solid;border-bottom-width:1px}.border-start{border-left-color:#dee2e6;border-left-style:solid;border-left-width:1px}.border-end{border-right-color:#dee2e6;border-right-style:solid;border-right-width:1px}.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!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.text-info{color:#0dcaf0!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-white{color:#fff!important}.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%}} diff --git a/css/bootstrap-ie11.min.css.map b/css/bootstrap-ie11.min.css.map index ffbe32f..543e1a6 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\\_accordion.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.1 (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 \"accordion\";\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) > * > * {\n box-shadow: none !important;\n}\n\n.table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {\n background-color: rgba(0 0 0 / 5%) !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: rgba(0 0 0 / 5%) !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: rgba(0 0 0 / 5%) !important;\n}\n\n.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\n background-color: rgba(0 0 0 / 5%) !important;\n}\n\n.table-dark.table-striped-columns > :not(caption) > tr > :nth-child(2n) {\n background-color: rgba(0, 0, 0, 5) !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// Border colors\n.border {\n border-color: #dee2e6;\n border-style: solid;\n border-width: 1px;\n}\n\n.border-primary {\n border-color: rgb(13, 110, 253);\n}\n\n.border-secondary {\n border-color: rgb(108, 117, 125);\n}\n\n.border-success {\n border-color: rgb(25, 135, 84);\n}\n\n.border-danger {\n border-color: rgb(220, 53, 69);\n}\n\n.border-warning {\n border-color: rgb(255, 193, 7);\n}\n\n.border-info {\n border-color: rgb(13, 202, 240);\n}\n\n.border-light {\n border-color: rgb(248, 249, 250);\n}\n\n.border-dark {\n border-color: rgb(33, 37, 41);\n}\n\n.border-white {\n border-color: rgb(255, 255, 255);\n}\n\n.border-top {\n border-top-color: #dee2e6;\n border-top-style: solid;\n border-top-width: 1px;\n}\n\n.border-bottom {\n border-bottom-color: #dee2e6;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n}\n\n.border-start {\n border-left-color: #dee2e6;\n border-left-style: solid;\n border-left-width: 1px;\n}\n\n.border-end {\n border-right-color: #dee2e6;\n border-right-style: solid;\n border-right-width: 1px;\n}\n// Border Width\n.border-1 {\n border-width: 1px !important;\n}\n\n.border-2 {\n border-width: 2px !important;\n}\n\n.border-3 {\n border-width: 3px !important;\n}\n\n.border-4 {\n border-width: 4px !important;\n}\n\n.border-5 {\n border-width: 5px !important;\n}\n\n// Radius\n.rounded {\n border-radius: 0.375rem;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n\n.rounded-end {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\n\n.rounded-start {\n border-top-left-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n\n.rounded-top {\n border-top-left-radius: 0.375rem;\n border-top-right-radius: 0.375rem;\n}\n\n// Border Radius Size\n.rounded-1 {\n border-radius: 0.375rem;\n}\n\n.rounded-2 {\n border-radius: 0.25rem;\n}\n\n.rounded-3 {\n border-radius: 0.5rem;\n}\n\n.rounded-4 {\n border-radius: 1rem;\n}\n\n.rounded-5 {\n border-radius: 2rem;\n}\n\n.rounded-pill {\n border-radius: 50rem;\n}\n\n// Text colors\n.text-primary {\n color: rgb(13, 110, 253) !important;\n}\n\n.text-secondary {\n color: rgb(108, 117, 125) !important;\n}\n\n.text-success {\n color: rgb(25, 135, 84) !important;\n}\n\n.text-danger {\n color: rgb(220, 53, 69) !important;\n}\n\n.text-warning {\n color: rgb(255, 193, 7) !important;\n}\n\n.text-info {\n color: rgb(13, 202, 240) !important;\n}\n\n.text-light {\n color: rgb(248, 249, 250) !important;\n}\n\n.text-dark {\n color: rgb(33, 37, 41) !important;\n}\n\n.text-body {\n color: rgb(33, 37, 41) !important;\n}\n\n.text-muted {\n color: rgb(108, 117, 125) !important;\n}\n\n.text-white {\n color: rgb(255, 255, 255) !important;\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\n.btn-group > :not(:last-child).btn-group > .btn,\n.btn-group > :first-child.btn.dropdown-toggle-split,\n.btn-group > :not(:last-child):not(.dropdown-toggle).btn {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.btn-group > :not(:first-child).btn-group > .btn,\n.btn-group > :nth-child(n + 3).btn,\n.btn-group > :not(.btn-check) + .btn {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\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 {\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\n// Ensures that modals are horizontally centered\n.modal-dialog {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n",".progress {\n line-height: 1;\n}\n",".list-group-item-primary {\n color: #084298 !important;\n background-color: #cfe2ff !important;\n}\n\n.list-group-item-secondary {\n color: #41464b !important;\n background-color: #e2e3e5 !important;\n}\n\n.list-group-item-success {\n color: #0f5132 !important;\n background-color: #d1e7dd !important;\n}\n\n.list-group-item-danger {\n color: #842029 !important;\n background-color: #f8d7da !important;\n}\n\n.list-group-item-warning {\n color: #664d03 !important;\n background-color: #fff3cd !important;\n}\n\n.list-group-item-info {\n color: #055160 !important;\n background-color: #cff4fc !important;\n}\n\n.list-group-item-light {\n color: #636464 !important;\n background-color: #fefefe !important;\n}\n\n.list-group-item-dark {\n color: #141619 !important;\n background-color: #d3d3d4 !important;\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","// Carousel (Dark Variant)\n\n// SVG background with dark 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 dark 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","// 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 2173fa9..e5a5d3b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "bootstrap-ie11", - "version": "5.2.1", + "version": "5.2.2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "bootstrap-ie11", - "version": "5.2.1", + "version": "5.2.2", "license": "MIT", "devDependencies": { "clean-css-cli": "4.3.0", diff --git a/package.json b/package.json index a201e61..f22c6f6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-ie11", - "version": "5.2.1", + "version": "5.2.2", "description": "Bootstrap 5 for Internet Explorer 11", "keywords": [ "bootstrap", diff --git a/scss/bootstrap-ie11.scss b/scss/bootstrap-ie11.scss index 0ac8ee7..d7b31a1 100644 --- a/scss/bootstrap-ie11.scss +++ b/scss/bootstrap-ie11.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap for IE11 v5.2.1 (https://github.com/coliff/bootstrap-ie11) + * Bootstrap for IE11 v5.2.2 (https://github.com/coliff/bootstrap-ie11) * Copyright 2022 C.Oliff * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE) */ diff --git a/tests/index.html b/tests/index.html index b3057f1..41deb90 100644 --- a/tests/index.html +++ b/tests/index.html @@ -7,7 +7,7 @@ Bootstrap 5 - IE11 Test - + @@ -41,7 +41,7 @@