From d510f7cad322307f48e14a3523a0170ca2fb3ab3 Mon Sep 17 00:00:00 2001
From: Thefeli73 <thefeli73@hotmail.com>
Date: Wed, 15 Jan 2020 15:51:42 +0100
Subject: [PATCH] rename nav and add menu bar css

---
 src/css/layout/_nav.scss | 43 ++++++++++++++++++++++++++++++++++++++++
 src/css/layout/nav.scss  |  0
 2 files changed, 43 insertions(+)
 create mode 100644 src/css/layout/_nav.scss
 delete mode 100644 src/css/layout/nav.scss

diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss
new file mode 100644
index 0000000..16f779c
--- /dev/null
+++ b/src/css/layout/_nav.scss
@@ -0,0 +1,43 @@
+
+/* Nav */
+
+  #nav {
+    > div > span {
+      &.bar {
+        height: 10px;
+        display: block;
+        border-radius: 5px;
+    		@include vendor('transition', (
+    			'transform #{_duration(transition)} ease',
+    		));
+
+      }
+
+      &.bar1 {
+        width: 60px;
+        background: _palette(accent1);
+        margin: 15px 30px;
+
+        &.active {
+          @include vendor('transform', 'rotate(45deg)');
+          @include vendor('transform-origin', '55px 5px');
+        }
+      }
+
+      &.bar1.active:first-child {
+        @include vendor('transform-origin', '5px 5px');
+      }
+
+      &.bar2 {
+        width: 80px;
+        background: _palette(accent2);
+        margin: 7px 20px;
+        z-index: 99;
+
+        &.active {
+          @include vendor('transform', 'rotate(-45deg)');
+          transform: rotate(-45deg);
+        }
+      }
+    }
+  }
diff --git a/src/css/layout/nav.scss b/src/css/layout/nav.scss
deleted file mode 100644
index e69de29..0000000