From 2ff45e10680de7daa49ec16237664bb0ead8d9aa Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Fri, 24 Oct 2025 15:45:10 +0800
Subject: [PATCH] [U] Migrate sass

---
 src/css/global.sass     | 12 ++++++------
 src/css/responsive.sass |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/css/global.sass b/src/css/global.sass
index 4550011..8d8ad7b 100644
--- a/src/css/global.sass
+++ b/src/css/global.sass
@@ -1,5 +1,5 @@
-@import colors
-@import font
+@use "colors"
+@use "font"
 
 // Google Fonts
 // TODO: Localize
@@ -119,7 +119,7 @@ body
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
   text-align: center
-  color: $color-text-main
+  color: colors.$color-text-main
 
   // Max width and center
   max-width: 900px
@@ -170,11 +170,11 @@ html
   text-justify: inter-word
 
   a
-    color: $color-text-special
+    color: colors.$color-text-special
     text-decoration: none
 
   h1, h2
-    border-bottom: 1px solid $color-text-special
+    border-bottom: 1px solid colors.$color-text-special
     font-size: 1.5em
     margin-top: 1em
 
@@ -218,4 +218,4 @@ html
     align-items: center
 
     font-size: 0.8em
-    color: $color-text-light
+    color: colors.$color-text-light
diff --git a/src/css/responsive.sass b/src/css/responsive.sass
index 2fab487..e3925cd 100644
--- a/src/css/responsive.sass
+++ b/src/css/responsive.sass
@@ -1,4 +1,4 @@
-@import "../css/colors"
+@use "../css/colors"
 
 $width: 600px
 
@@ -14,7 +14,7 @@ $width: 600px
     margin-bottom: 0
 
   .subtitle
-    color: $color-text-light
+    color: colors.$color-text-light
 
 
 // Phone layout