Update to bootstrap v5 google#470

deining · Aug 19, 2022 · 8436f96 · 8436f96
1 parent e61480d
commit 8436f96
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
@@ -3,7 +3,7 @@
 
 // box-variant creates the main style for a colored section used on the site.
 @mixin box-variant($parent, $color-name, $color-value) {
-    $text-color: color-yiq($color-value);
+    $text-color: color-contrast($color-value);
     $link-color: mix($blue, $text-color, lightness($color-value));
     $link-hover-color: rgba($link-color, 0.5) !default;
 

diff --git a/assets/scss/_colors.scss b/assets/scss/_colors.scss
@@ -1,6 +1,6 @@
 // Add some local palette classes so you can do -bg-warning -text-warning etc. Even -bg-1 if you want to paint by numbers.
 @mixin palette-variant($color-name, $color-value) {
-    $text-color: color-yiq($color-value);
+    $text-color: color-contrast($color-value);
     $link-color: mix($blue, $text-color, lightness($color-value));
 
     $link-hover-color: rgba($link-color, .5) !default;

diff --git a/package.json b/package.json
@@ -14,15 +14,15 @@
     "get:submodule": "set -x && git submodule update --init ${DEPTH:- --depth 1}",
     "serve": "npm run cd:docs serve",
     "update:pkg:hugo": "npm install --save-exact -D hugo-extended@latest",
-    "update:pkg:dep": "npm install --save-exact @fortawesome/fontawesome-free@6 bootstrap@4"
+    "update:pkg:dep": "npm install --save-exact @fortawesome/fontawesome-free@6 bootstrap@5"
   },
   "cspell": "cSpell:ignore docsy userguide fortawesome fontawesome ",
   "prettier": {
     "proseWrap": "always"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "6.1.2",
-    "bootstrap": "4.6.2"
+    "bootstrap": "5.2.0"
   },
   "devDependencies": {
     "hugo-extended": "0.101.0"