From b8ed26ddbaae514ea3d5f0b52b9e86e4c91cee86 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Mon, 26 Sep 2022 17:25:39 +0200
Subject: [PATCH] feat: add NavToggle component

---
 src/components/NavToggle.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/NavToggle.vue

diff --git a/src/components/NavToggle.vue b/src/components/NavToggle.vue
new file mode 100644
index 0000000..7e4dbab
--- /dev/null
+++ b/src/components/NavToggle.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="nav-toggle">
+    <div class="nav-toggle__line"></div>
+    <div class="nav-toggle__line"></div>
+    <div class="nav-toggle__line"></div>
+  </div>
+</template>
+
+<style lang="scss">
+.nav-toggle {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-around;
+  cursor: pointer;
+
+  height: 1.75rem;
+  margin: var(--container-spacing-top-safe) 1rem 1rem
+    var(--container-spacing-left-safe);
+  width: 2rem;
+
+  &__line {
+    flex: 0 0 0.25rem;
+    background-color: var(--color-navigation-toggle);
+    border-radius: 2rem;
+  }
+}
+</style>