From 7e0cdf4f695b29b6d635260ce9428f86790817e2 Mon Sep 17 00:00:00 2001
From: Ankur Halder <ankur.halder12345@gmail.com>
Date: Sat, 11 Nov 2023 23:09:59 +0530
Subject: [PATCH] landing navbar

---
 styles/containers/landing_navbar.scss | 47 +++------------------------
 1 file changed, 5 insertions(+), 42 deletions(-)

diff --git a/styles/containers/landing_navbar.scss b/styles/containers/landing_navbar.scss
index d8d6bd5a..40d17404 100644
--- a/styles/containers/landing_navbar.scss
+++ b/styles/containers/landing_navbar.scss
@@ -10,13 +10,11 @@
   justify-content: space-between;
   align-items: center;
   padding: 1rem;
-
   .logo {
     font-size: 1.5rem;
     font-weight: bold;
     margin-right: 1rem;
     position: relative;
-
     a {
       text-decoration: none;
       color: #fff;
@@ -24,14 +22,12 @@
       align-items: center;
       transition: color 0.3s ease, text-shadow 0.3s ease,
         background-color 0.3s ease, transform 0.3s ease;
-
       &:hover {
         color: #ffd700;
         text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
         background-color: rgba(255, 215, 0, 0.2);
         transform: rotate(5deg);
       }
-
       &::before,
       &::after {
         content: "";
@@ -50,7 +46,6 @@
       &::after {
         bottom: -4px;
       }
-
       &:hover::before,
       &:hover::after {
         opacity: 1;
@@ -58,14 +53,12 @@
       }
     }
   }
-
   .nav-section {
     ul {
       list-style: none;
       display: flex;
       gap: 1rem;
     }
-
     .nav-item {
       font-size: 1.2rem;
       position: relative;
@@ -101,11 +94,9 @@
           transform: scaleX(0);
           transition: transform 0.3s ease;
         }
-
         &:hover::after {
           transform: scaleX(1);
         }
-
         &::before {
           content: "";
           position: absolute;
@@ -120,7 +111,6 @@
           opacity: 0;
           transition: opacity 0.3s ease, transform 0.3s ease;
         }
-
         &:hover::before {
           opacity: 1;
           transform: scaleX(1.5);
@@ -158,7 +148,6 @@
         border-color: #ffd700;
         animation: pulse 1s infinite;
       }
-
       @keyframes pulse {
         0% {
           transform: scale(1);
@@ -175,7 +164,6 @@
         text-decoration: none;
         color: inherit;
       }
-
       &::before {
         content: "";
         position: absolute;
@@ -223,7 +211,6 @@
       }
     }
   }
-
   &:hover {
     background: linear-gradient(
       -90deg,
@@ -231,30 +218,7 @@
       hsl(240, 100%, 28%)
     );
   }
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: linear-gradient(
-      -90deg,
-      hsl(303, 100%, 14%),
-      hsl(240, 100%, 22%)
-    );
-    z-index: -1;
-    transform: scaleX(0);
-    transform-origin: right;
-    transition: transform 0.3s ease;
-  }
-
-  &:hover::before {
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-
+  &::before,
   &::after {
     content: "";
     position: absolute;
@@ -268,13 +232,12 @@
       hsl(240, 100%, 22%)
     );
     z-index: -1;
-    transform: scaleY(0);
-    transform-origin: top;
+    transform: scaleX(0);
+    transform-origin: center;
     transition: transform 0.3s ease;
   }
-
+  &:hover::before,
   &:hover::after {
-    transform: scaleY(1);
-    transform-origin: bottom;
+    transform: scaleX(1);
   }
 }