Fix Sass warnings

- https://sass-lang.com/documentation/breaking-changes/color-functions/
yous · Oct 13, 2024 · 6a122f0 · 6a122f0
1 parent b814e74
commit 6a122f0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # ChangeLog
 
+## HEAD
+
+- Fix Sass warnings
+
 ## 1.11.5 (2024-07-31)
 
 - Fix Sass warnings

diff --git a/_sass/whiteglass.scss b/_sass/whiteglass.scss
@@ -13,8 +13,8 @@ $background-color: #fdfdfd !default;
 $brand-color:      #2568ba !default;
 
 $grey-color:       #757575 !default;
-$grey-color-light: lighten($grey-color, 45%) !default;
-$grey-color-dark:  darken($grey-color, 20%) !default;
+$grey-color-light: color.adjust($grey-color, $lightness: 45%) !default;
+$grey-color-dark:  color.adjust($grey-color, $lightness: -20%) !default;
 
 // Width of the content area
 $content-width:    800px !default;

diff --git a/_sass/whiteglass/_base.scss b/_sass/whiteglass/_base.scss
@@ -110,7 +110,7 @@ a {
   text-decoration: none;
 
   &:visited {
-    color: darken($brand-color, 10%);
+    color: color.adjust($brand-color, $lightness: -10%);
   }
 
   &:hover {

diff --git a/assets/main.scss b/assets/main.scss
@@ -18,8 +18,8 @@ $background-color: #fdfdfd;
 $brand-color:      #2568ba;
 
 $grey-color:       #757575;
-$grey-color-light: lighten($grey-color, 45%);
-$grey-color-dark:  darken($grey-color, 20%);
+$grey-color-light: color.adjust($grey-color, $lightness: 45%);
+$grey-color-dark:  color.adjust($grey-color, $lightness: -20%);
 
 // Width of the content area
 $content-width:    800px;