From a2fad6ecf9b8ccc2aef5d86fca1ab2d4658d5737 Mon Sep 17 00:00:00 2001
From: Seifeldin Mahjoub <seifsayed@gmail.com>
Date: Wed, 26 Aug 2020 00:44:43 +0200
Subject: [PATCH] chore: use color mixin in navbar

---
 src/components/_navbar.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/_navbar.scss b/src/components/_navbar.scss
index 7caace7..d3b83c5 100644
--- a/src/components/_navbar.scss
+++ b/src/components/_navbar.scss
@@ -13,11 +13,11 @@ nav {
   .bar1,
   .bar2,
   .bar3 {
-    background-color: $primary;
-    border-bottom: 5px solid $primary;
+    @include color('background-color', 'primary');
+    @include color('border-color', 'primary');
+    @include color('color', 'primary');
     border-bottom-left-radius: 15px 5px;
     border-bottom-right-radius: 15px 3px;
-    color: $primary;
     margin: 6px 0;
     transition: 0.4s;
     width: 2rem;
@@ -81,7 +81,8 @@ nav {
   }
 
   a:hover {
-    border-bottom: 5px solid $primary-light;
+    @include color('border-color', 'primary-light');
+    border-bottom: 5px solid;
   }
 
   ul.inline li a {