From e3b734d10417080bca4fd4a855ad495a876e3680 Mon Sep 17 00:00:00 2001
From: Chayoung You <yousbe@gmail.com>
Date: Tue, 15 Oct 2024 20:52:59 +0900
Subject: [PATCH] Use adjust-color instead of color.adjust

- https://sass-lang.com/documentation/modules/color/#adjust
---
 CHANGELOG.md                | 4 ++++
 _sass/whiteglass.scss       | 6 ++----
 _sass/whiteglass/_base.scss | 4 +---
 assets/main.scss            | 5 ++---
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6feaabe4..e8a944a5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # ChangeLog
 
+## HEAD
+
+- Support Jekyll &lt; 4 (#54)
+
 ## 1.11.6 (2024-10-13)
 
 - Fix Sass warnings
diff --git a/_sass/whiteglass.scss b/_sass/whiteglass.scss
index 14e5e1ef..3078613a 100644
--- a/_sass/whiteglass.scss
+++ b/_sass/whiteglass.scss
@@ -1,5 +1,3 @@
-@use "sass:color";
-
 // Define defaults for each variable.
 $base-font-family: Bitter, "Apple SD Gothic Neo", "Noto Sans", "Source Han Sans", "Noto Sans CJK JP", "Source Han Sans JP", "Noto Sans CJK KR", "Source Han Sans KR", NanumBarunGothic, AppleGothic, "Malgun Gothic", Dotum, sans-serif !default;
 $monospace-font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace !default;
@@ -15,8 +13,8 @@ $background-color: #fdfdfd !default;
 $brand-color:      #2568ba !default;
 
 $grey-color:       #757575 !default;
-$grey-color-light: color.adjust($grey-color, $lightness: 45%) !default;
-$grey-color-dark:  color.adjust($grey-color, $lightness: -20%) !default;
+$grey-color-light: adjust-color($grey-color, $lightness: 45%) !default;
+$grey-color-dark:  adjust-color($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
index b1e719a9..42d494d3 100644
--- a/_sass/whiteglass/_base.scss
+++ b/_sass/whiteglass/_base.scss
@@ -1,5 +1,3 @@
-@use "sass:color";
-
 /**
  * Reset some basic elements
  */
@@ -112,7 +110,7 @@ a {
   text-decoration: none;
 
   &:visited {
-    color: color.adjust($brand-color, $lightness: -10%);
+    color: adjust-color($brand-color, $lightness: -10%);
   }
 
   &:hover {
diff --git a/assets/main.scss b/assets/main.scss
index cdf3a74b..5f47f680 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -2,7 +2,6 @@
 # Only the main Sass file needs front matter (the dashes are enough)
 ---
 @charset "utf-8";
-@use "sass:color";
 
 // Our variables
 $base-font-family: Bitter, "Apple SD Gothic Neo", AppleGothic, NanumBarunGothic, "Malgun Gothic", Dotum, sans-serif;
@@ -19,8 +18,8 @@ $background-color: #fdfdfd;
 $brand-color:      #2568ba;
 
 $grey-color:       #757575;
-$grey-color-light: color.adjust($grey-color, $lightness: 45%);
-$grey-color-dark:  color.adjust($grey-color, $lightness: -20%);
+$grey-color-light: adjust-color($grey-color, $lightness: 45%);
+$grey-color-dark:  adjust-color($grey-color, $lightness: -20%);
 
 // Width of the content area
 $content-width:    800px;