From a2cf16c9d949766adbbc3ff40908d39e5773fca4 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 00:58:50 +0200
Subject: [PATCH] Created the Navigation style

---
 src/common/components/Navigation/styles.sass | 44 ++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/common/components/Navigation/styles.sass

diff --git a/src/common/components/Navigation/styles.sass b/src/common/components/Navigation/styles.sass
new file mode 100644
index 0000000..3028152
--- /dev/null
+++ b/src/common/components/Navigation/styles.sass
@@ -0,0 +1,44 @@
+@import "@/common/styles/colors"
+
+.header
+  top: 0
+  display: flex
+  position: sticky
+  height: 90px
+  background-color: $background-transparent
+  justify-content: space-between
+  backdrop-filter: blur(20px)
+
+.link-area
+  margin-left: 10%
+  display: flex
+  align-items: center
+
+.logo
+  width: 60px
+  height: 60px
+
+.links
+  display: flex
+
+.dashboard-area
+  display: flex
+  align-items: center
+  margin-right: 10%
+
+.links li
+  list-style-type: none
+  padding-left: 10px
+  padding-right: 10px
+  color: $gray
+  font-weight: 700
+  font-size: 23pt
+
+.links a
+  text-decoration: none
+
+.links .active
+  color: $primary
+
+.links .inactive
+  color: $gray
\ No newline at end of file