From 49a808acc8775e9bf8c250d5c5d9e4a9e357d041 Mon Sep 17 00:00:00 2001
From: EmptyWork <22065214+EmptyWork@users.noreply.github.com>
Date: Wed, 11 Jun 2025 15:31:46 +0900
Subject: [PATCH] =?UTF-8?q?update:=20`=5Fhero.scss`=20=E2=80=94=20add=20pr?=
 =?UTF-8?q?efix=20`=5F`=20to=20local=20vars?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/components/_hero.scss | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/assets/scss/components/_hero.scss b/src/assets/scss/components/_hero.scss
index d124865..dcea8b1 100644
--- a/src/assets/scss/components/_hero.scss
+++ b/src/assets/scss/components/_hero.scss
@@ -17,32 +17,32 @@
   }
 
   &-decoration {
-    --width: 95vmin;
-    --increase: 1.2;
-    --duration: 12s;
-    --delay: calc((var(--duration) * 0.1));
+    --_width: 95vmin;
+    --_increase: 1.2;
+    --_duration: 12s;
+    --_delay: calc((var(--_duration) * 0.1));
     position: absolute;
-    right: calc(var(--width) / -2);
-    bottom: calc(var(--width) / -2);
+    right: calc(var(--_width) / -2);
+    bottom: calc(var(--_width) / -2);
     z-index: -1;
-    width: var(--width);
+    width: var(--_width);
     aspect-ratio: 1/1;
     border-radius: 50%;
     background-color: var(--clr-accent);
-    animation: twiching var(--duration) var(--delay) infinite;
+    animation: twiching var(--_duration) var(--_delay) infinite;
   }
 
   @keyframes twiching {
     50% {
-      width: calc(var(--width) * var(--increase));
+      width: calc(var(--_width) * var(--_increase));
     }
   }
 
   &-bigger {
-    --width: 120vmin;
-    --increase: 2;
-    --duration: 10s;
-    --delay: calc((var(--duration) * 0.2));
+    --_width: 120vmin;
+    --_increase: 2;
+    --_duration: 10s;
+    --_delay: calc((var(--_duration) * 0.2));
     background-color: transparent;
     border: max(0.5vmin, 0.125rem) solid var(--clr-accent);
   }