From 813a474a5e4d55131847ea82b9ad2acc631c7a8f Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Fri, 27 Aug 2021 11:14:53 +0700
Subject: [PATCH] :art: styles: home category item hover effect

:%s
---
 .../CategoriesItem/CategoryItem.module.scss              | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/modules/home/HomeCategories/CategoriesItem/CategoryItem.module.scss b/src/components/modules/home/HomeCategories/CategoriesItem/CategoryItem.module.scss
index 136e002c1..41d593b6e 100644
--- a/src/components/modules/home/HomeCategories/CategoriesItem/CategoryItem.module.scss
+++ b/src/components/modules/home/HomeCategories/CategoriesItem/CategoryItem.module.scss
@@ -2,6 +2,7 @@
 
 .categoryItem {
     .categoryItemImage {
+        @apply transition-all duration-200;
         width: 10.6rem;
         margin: 0 auto;
         max-height: 14rem;
@@ -14,11 +15,17 @@
             width: 100%;
             height: 100%;
         }
+        &:hover {
+            transform: scale(1.05);
+        }
     }
     .categoryItemText {
         @apply sub-headline;
         text-align: center;
         font-feature-settings: "salt" on;
         cursor: pointer;
+        &:hover {
+            color: var(--primary);
+        }
     }
-}
\ No newline at end of file
+}