diff --git a/README.md b/README.md
index 924c826..f50a116 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
diff --git a/css/bootstrap-ie11.css b/css/bootstrap-ie11.css
index 5c88c73..8914891 100644
--- a/css/bootstrap-ie11.css
+++ b/css/bootstrap-ie11.css
@@ -1,5 +1,5 @@
/*!
- * Bootstrap for IE11 v5.2.2 (https://github.com/coliff/bootstrap-ie11)
+ * Bootstrap for IE11 v5.2.3 (https://github.com/coliff/bootstrap-ie11)
* Copyright 2022 C.Oliff
* Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE)
*/
@@ -14,7 +14,7 @@
overflow: visible;
}
button,
-input {
+ input {
overflow: visible;
}
legend {
@@ -216,7 +216,7 @@ input {
color: rgb(255, 255, 255) !important;
}
.visually-hidden,
-.visually-hidden-focusable:not(:focus) {
+ .visually-hidden-focusable:not(:focus) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
@@ -306,18 +306,18 @@ input {
background-clip: content-box;
}
.btn-close:disabled,
-.btn-close.disabled {
+ .btn-close.disabled {
-ms-user-select: none;
}
.btn-group > :not(:last-child).btn-group > .btn,
-.btn-group > :first-child.btn.dropdown-toggle-split,
-.btn-group > :not(:last-child):not(.dropdown-toggle).btn {
+ .btn-group > :first-child.btn.dropdown-toggle-split,
+ .btn-group > :not(:last-child):not(.dropdown-toggle).btn {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group > :not(:first-child).btn-group > .btn,
-.btn-group > :nth-child(n+3).btn,
-.btn-group > :not(.btn-check) + .btn {
+ .btn-group > :nth-child(n+3).btn,
+ .btn-group > :not(.btn-check) + .btn {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
@@ -338,7 +338,7 @@ input {
margin-left: -1.3em;
}
.form-switch .form-check-input,
-.form-switch .form-check-input:focus {
+ .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 {
@@ -366,8 +366,8 @@ input {
transform: scale(0.9) translateY(-0.01rem) translateX(0.15rem);
}
.form-floating input:-ms-input-placeholder,
-.form-floating select:-ms-input-placeholder,
-.form-floating textarea:-ms-input-placeholder {
+ .form-floating select:-ms-input-placeholder,
+ .form-floating textarea:-ms-input-placeholder {
color: transparent;
}
.form-floating input:not(:-ms-input-placeholder) {
@@ -375,8 +375,8 @@ input {
padding-bottom: 0.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 {
+ .form-floating select:not(:-ms-input-placeholder) ~ label,
+ .form-floating textarea:not(:-ms-input-placeholder) ~ label {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 14px;
@@ -430,8 +430,8 @@ input {
min-height: 1px;
}
.card-img,
-.card-img-top,
-.card-img-bottom {
+ .card-img-top,
+ .card-img-bottom {
flex-shrink: 0;
}
.accordion-button:not(.collapsed)::after {
@@ -443,8 +443,8 @@ input {
transition: transform 0.2s ease-in-out;
}
.accordion-flush .accordion-item,
-.accordion-flush .accordion-item .accordion-button,
-.accordion-flush .accordion-item .accordion-button.collapsed {
+ .accordion-flush .accordion-item .accordion-button,
+ .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0 !important;
}
.modal-dialog-scrollable {
@@ -518,7 +518,7 @@ input {
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 {
+ .valid-tooltip {
left: 0;
margin-left: 8px;
}
diff --git a/css/bootstrap-ie11.css.map b/css/bootstrap-ie11.css.map
index 4e4a73b..e63456a 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;;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;;EC7TF;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.2 (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\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 `
@@ -1015,13 +1053,13 @@ Dropdowns
- Action
- Another action
- Something else here
+ Action
+ Another action
+ Something else here
- Separated link
+ Separated link
@@ -1034,13 +1072,13 @@
- Action
- Another action
- Something else here
+ Action
+ Another action
+ Something else here
- Separated link
+ Separated link
@@ -1051,9 +1089,9 @@
Toggle Dropdown
@@ -2713,7 +2751,7 @@ Text decoration
-
+