Fix sass issues

RichardLitt · RichardLitt · commit 81071efdb7e8 · 2026-04-28T09:08:44.000+12:00
Deprecation warnings...
diff --git a/_sass/components/_background.scss b/_sass/components/_background.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 .bg-black {
     background-color: $black;
 }
@@ -16,7 +18,7 @@
     .text-teal {
         &:focus,
         &:hover {
-            color: darken($teal, 20%);
+            color: color.adjust($teal, $lightness: -20%);
         }
     }
 }
diff --git a/_sass/components/_button.scss b/_sass/components/_button.scss
@@ -1,9 +1,11 @@
+@use "sass:color";
+
 .btn {
     &.bg-black.text-white:focus,
     &.bg-black.text-white:hover {
-        background-color: lighten($black, 20%);
+        background-color: color.adjust($black, $lightness: 20%);
         box-shadow: 0 0 0 0.2rem rgba($teal, 0.4);
-        color: darken($teal, 10%);
+        color: color.adjust($teal, $lightness: -10%);
     }
 
     &.bg-teal:focus,
diff --git a/_sass/components/_navbar.scss b/_sass/components/_navbar.scss
@@ -1,5 +1,7 @@
+@use "sass:color";
+
 .navbar {
-    border-bottom: 1px solid lighten($darkblue, 10%);
+    border-bottom: 1px solid color.adjust($darkblue, $lightness: 10%);
 }
 
 .navbar-light {

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "sass:color";`
	`2`	`+`
`1`	`3`	`.bg-black {`
`2`	`4`	`background-color: $black;`
`3`	`5`	`}`
`@@ -16,7 +18,7 @@`
`16`	`18`	`.text-teal {`
`17`	`19`	`&:focus,`
`18`	`20`	`&:hover {`
`19`		`- color: darken($teal, 20%);`
	`21`	`+ color: color.adjust($teal, $lightness: -20%);`
`20`	`22`	`}`
`21`	`23`	`}`
`22`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
	`1`	`+@use "sass:color";`
	`2`	`+`
`1`	`3`	`.navbar {`
`2`		`- border-bottom: 1px solid lighten($darkblue, 10%);`
	`4`	`+ border-bottom: 1px solid color.adjust($darkblue, $lightness: 10%);`
`3`	`5`	`}`
`4`	`6`
`5`	`7`	`.navbar-light {`