update for v530 (#208)

coliff · May 31, 2023 · 8656645 · 8656645
1 parent 6af7b2b
commit 8656645
Show file tree

Hide file tree

Showing 13 changed files with 2,609 additions and 2,351 deletions.
diff --git a/.cspell.json b/.cspell.json
@@ -1,6 +1,14 @@
 {
   "version": "0.2",
-  "words": ["ccircle", "hstack", "jsdelivr", "Segoe", "twbs"],
+  "words": [
+    "ccircle",
+    "Dropup",
+    "hstack",
+    "jsdelivr",
+    "Oliff",
+    "Segoe",
+    "twbs"
+  ],
   "language": "en,en-US",
   "allowCompoundWords": true,
   "ignorePaths": [

diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -9,6 +9,7 @@
     "selector-max-type": null,
     "selector-max-universal": null,
     "selector-no-vendor-prefix": null,
-    "stylistic/number-leading-zero": null
+    "stylistic/number-leading-zero": null,
+    "value-no-vendor-prefix": null
   }
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,6 @@
 {
-  "css.lint.ieHack": "warning"
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "editor.formatOnSave": true
 }
diff --git a/css/bootstrap-ie11.css b/css/bootstrap-ie11.css
diff --git a/css/bootstrap-ie11.css.map b/css/bootstrap-ie11.css.map
diff --git a/css/bootstrap-ie11.min.css b/css/bootstrap-ie11.min.css
diff --git a/css/bootstrap-ie11.min.css.map b/css/bootstrap-ie11.min.css.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-ie11",
-  "version": "5.2.3",
+  "version": "5.3.0",
   "description": "Bootstrap 5 for Internet Explorer 11",
   "keywords": [
     "bootstrap",
@@ -23,10 +23,6 @@
   },
   "license": "MIT",
   "author": "Christian Oliff (https://christianoliff.com)",
-  "engines": {
-    "node": ">=14",
-    "npm": ">=7"
-  },
   "main": "css/bootstrap-ie11.min.css",
   "files": [
     "css/*",
@@ -46,14 +42,14 @@
     "test": "npm run css-lint"
   },
   "config": {
-    "version_short": "5.2"
+    "version_short": "5.3"
   },
   "devDependencies": {
     "clean-css-cli": "4.3.0",
-    "npm-run-all": "^4.1.5",
+    "npm-run-all": "4.1.5",
     "sass": "1.62.1",
-    "stylelint": "^15.6.1",
-    "stylelint-config-twbs-bootstrap": "^10.0.0"
+    "stylelint": "15.6.2",
+    "stylelint-config-twbs-bootstrap": "10.0.0"
   },
   "sass": "scss/bootstrap-ie11.scss"
 }
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -15,6 +15,47 @@
   -ms-user-select: auto !important;
 }
 
+// Link opacity
+.link-opacity-10 {
+  opacity: 0.1;
+}
+
+.link-opacity-25 {
+  opacity: 0.25;
+}
+
+.link-opacity-50 {
+  opacity: 0.5;
+}
+
+.link-opacity-75 {
+  opacity: 0.75;
+}
+
+.link-opacity-100 {
+  opacity: 1;
+}
+
+// Link opacity hover
+.link-opacity-10-hover:hover {
+  opacity: 0.1;
+}
+
+.link-opacity-25-hover:hover {
+  opacity: 0.25;
+}
+
+.link-opacity-50-hover:hover {
+  opacity: 0.5;
+}
+
+.link-opacity-75-hover:hover {
+  opacity: 0.75;
+}
+
+.link-opacity-100-hover:hover {
+  opacity: 1;
+}
 // Text opacity
 .text-opacity-75 {
   opacity: 0.75;
@@ -67,6 +108,10 @@
   border-color: rgb(33, 37, 41);
 }
 
+.border-black {
+  border-color: rgb(0, 0, 0);
+}
+
 .border-white {
   border-color: rgb(255, 255, 255);
 }
@@ -307,6 +352,15 @@
   margin-bottom: 0;
 }
 
+// display grid
+.d-grid {
+  display: -ms-grid;
+}
+
+.d-inline-grid {
+  display: -ms-inline-grid;
+}
+
 // vertical-rule
 .vr {
   border-right: 1px solid rgb(33, 37, 41);

diff --git a/scss/bootstrap-ie11.scss b/scss/bootstrap-ie11.scss
@@ -1,6 +1,6 @@
 /*!
- * Bootstrap for IE11 v5.2.3 (https://github.com/coliff/bootstrap-ie11)
- * Copyright 2022 C.Oliff
+ * Bootstrap for IE11 v5.3.0 (https://github.com/coliff/bootstrap-ie11)
+ * Copyright 2023 C.Oliff
  * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE)
  */
 

diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
@@ -4,7 +4,7 @@
 
 // makes the default checkbox icon nicer
 .form-check-input {
-  border-color: rgba(0, 0, 0, .25);
+  border-color: rgba(0, 0, 0, 0.25);
   box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.4);
 }
 
@@ -25,10 +25,41 @@ select::-ms-expand {
   margin-left: -1.3em;
 }
 
+.form-check-input:checked {
+  background-color: #0d6efd !important;
+  border-color: #0d6efd !important;
+}
+
+.form-check-input:checked[type="checkbox"] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+}
+
+.form-check-input:checked[type="radio"] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
+}
+
+.form-check-input[type="checkbox"]:indeterminate {
+  background-color: #0d6efd !important;
+  border-color: #0d6efd !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important;
+}
+
 //
 // Switch
 //
 
+.form-switch .form-check-input {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+}
+
+.form-switch .form-check-input:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
+}
+
+.form-switch .form-check-input:checked {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+
 .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");