From f9391f3d0c520638e8c5108a86d1e2e0fc42b69c Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Wed, 25 Aug 2021 11:41:55 +0700
Subject: [PATCH] style: replace with utilities class

---
 pages/index.tsx                                           | 2 +-
 .../common/ItemWishList/ItemWishList.module.scss          | 5 +++--
 src/components/common/Logo/Logo.module.scss               | 8 +++-----
 src/components/common/ViewAllItem/ViewAllItem.module.scss | 1 -
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 1359f7e22..7b6346860 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -14,7 +14,7 @@ export default function Home() {
       <ButtonCommon icon={<IconBuy/>} disabled isIconSuffix={true}>Button with icon disabled</ButtonCommon>
       <ButtonCommon icon={<IconBuy/>} type={ButonType.light}>Button with icon</ButtonCommon>
       <ViewAllItem link="/all"/>
-      <ItemWishList isActive={false} />
+      <ItemWishList isActive={true} />
       <Logo />
       <p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p>
       <p>Go to <code>src/components</code> to make your awesome component!</p>
diff --git a/src/components/common/ItemWishList/ItemWishList.module.scss b/src/components/common/ItemWishList/ItemWishList.module.scss
index c7d30d246..2b43dbd53 100644
--- a/src/components/common/ItemWishList/ItemWishList.module.scss
+++ b/src/components/common/ItemWishList/ItemWishList.module.scss
@@ -5,11 +5,12 @@
     width: 2.4rem;
     height: 2.4rem;
     path{
-        stroke: theme("colors.primary");
+        stroke: var(--primary);
     }
 }
 .isToggleOn{
     svg path{
-        stroke: theme("colors.primary");
+        stroke: var(--negative);
+        fill: var(--negative);
     }
 }
\ No newline at end of file
diff --git a/src/components/common/Logo/Logo.module.scss b/src/components/common/Logo/Logo.module.scss
index 2f5964f92..b64c0a6b4 100644
--- a/src/components/common/Logo/Logo.module.scss
+++ b/src/components/common/Logo/Logo.module.scss
@@ -5,14 +5,12 @@
     .eclipse{
         width: 3.2rem;
         height: 3.2rem;
-        background-color: theme("colors.primary");
+        background-color: var(--primary);
         border-radius: 50%;
         margin-right: 1.2rem;
     }
     .conTent{
-        @apply font-logo;
-        text-transform: uppercase;
-        line-height: 3.2rem;
-        letter-spacing: -0.02rem;
+        @apply font-logo sub-headline;
+        font-size: 1.6rem;
     }
 }
\ No newline at end of file
diff --git a/src/components/common/ViewAllItem/ViewAllItem.module.scss b/src/components/common/ViewAllItem/ViewAllItem.module.scss
index 0e481494f..41545b380 100644
--- a/src/components/common/ViewAllItem/ViewAllItem.module.scss
+++ b/src/components/common/ViewAllItem/ViewAllItem.module.scss
@@ -5,7 +5,6 @@
     color: theme("colors.primary");
     .conTent{
         margin: 0.8rem 0.8rem 0.8rem 1.6rem;
-        font-family: var(--font-sans);
         font-weight: bold;
     }
     .vecTor{