From d25cd3523a1d0fd600714cf33f59d456a538a8d9 Mon Sep 17 00:00:00 2001
From: Thefeli73 <thefeli73@hotmail.com>
Date: Mon, 17 Feb 2020 16:07:46 +0100
Subject: [PATCH] fix animation in menu,

---
 src/css/layout/_nav.scss | 5 ++++-
 src/index.html           | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss
index dacd89a..9871844 100644
--- a/src/css/layout/_nav.scss
+++ b/src/css/layout/_nav.scss
@@ -35,7 +35,7 @@
           margin: 0 40%;
           &:before {
             @include vendor('transition', (
-              'width #{_duration(transition)} ease',
+              'width #{_duration(transition2)} ease',
             ));
             content: '';
             position: absolute;
@@ -47,6 +47,9 @@
             width: 0;
           }
           &:after {
+            @include vendor('transition', (
+              'opacity #{_duration(transition2)} ease',
+            ));
             opacity: 0;
             content: attr(data-text);
             position: absolute;
diff --git a/src/index.html b/src/index.html
index 8357c8d..349c8c9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -52,8 +52,8 @@
     <ul>
       <li data-text="Home">Home</li>
       <li data-text="Websites">Websites</li>
-      <li data-text="Websites">Websites</li>
-      <li data-text="Websites">Websites</li>
+      <li data-text="Projects">Projects</li>
+      <li data-text="Contact">Contact</li>
     </ul>
   </div>