From 0bb23d6a71c982ec69cbe884d5e3c447d0690352 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 2 Aug 2020 23:01:39 +0200
Subject: [PATCH] Removed Navigation

---
 components/02_Molecules/_molecules.scss       |  3 +-
 .../02_Molecules/navigation/_navigation.scss  | 46 +++++++++++++++++++
 .../navigation/navigation.config.json         |  0
 .../navigation/navigation.hbs                 |  0
 components/03_Organisms/_organisms.scss       |  1 -
 .../03_Organisms/navigation/_navigation.scss  | 24 ----------
 6 files changed, 48 insertions(+), 26 deletions(-)
 create mode 100644 components/02_Molecules/navigation/_navigation.scss
 rename components/{03_Organisms => 02_Molecules}/navigation/navigation.config.json (100%)
 rename components/{03_Organisms => 02_Molecules}/navigation/navigation.hbs (100%)
 delete mode 100644 components/03_Organisms/navigation/_navigation.scss

diff --git a/components/02_Molecules/_molecules.scss b/components/02_Molecules/_molecules.scss
index 7219798..600a6b0 100644
--- a/components/02_Molecules/_molecules.scss
+++ b/components/02_Molecules/_molecules.scss
@@ -1,3 +1,4 @@
 @import 'textSection/textSection';
 @import 'placeTeaser/placeTeaser';
-@import 'tagList/tagList';
\ No newline at end of file
+@import 'tagList/tagList';
+@import 'navigation/navigation';
\ No newline at end of file
diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss
new file mode 100644
index 0000000..a3398dc
--- /dev/null
+++ b/components/02_Molecules/navigation/_navigation.scss
@@ -0,0 +1,46 @@
+.LP-Menu{
+    .LP-Menu__List {
+        list-style-type: none;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 0;
+        margin: 0;
+    }
+
+    .LP-Menu__Item {
+        padding: 15px 0;
+        margin: 0;
+        width: 100px;
+        text-align: center;
+        background-color: transparent;
+    }
+
+    .LP-Link__Text {
+        color: $-grey;
+        font-weight: bold;
+        text-shadow: 0px 0px 20px white;
+        &:hover{
+            color: $-wine-red;
+        }
+    }
+}
+
+@media(max-width: $-viewport-medium){
+    .LP-Menu{
+
+        .LP-Menu__List{
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start
+        }
+    }
+}
+
+@media(max-width: $-viewport-extra-small){
+    .LP-Menu{
+        .LP-Menu__List {
+            justify-content: space-between;
+        }
+    }
+}
\ No newline at end of file
diff --git a/components/03_Organisms/navigation/navigation.config.json b/components/02_Molecules/navigation/navigation.config.json
similarity index 100%
rename from components/03_Organisms/navigation/navigation.config.json
rename to components/02_Molecules/navigation/navigation.config.json
diff --git a/components/03_Organisms/navigation/navigation.hbs b/components/02_Molecules/navigation/navigation.hbs
similarity index 100%
rename from components/03_Organisms/navigation/navigation.hbs
rename to components/02_Molecules/navigation/navigation.hbs
diff --git a/components/03_Organisms/_organisms.scss b/components/03_Organisms/_organisms.scss
index 7c51b0a..45a92ab 100644
--- a/components/03_Organisms/_organisms.scss
+++ b/components/03_Organisms/_organisms.scss
@@ -1,5 +1,4 @@
 @import 'header/header';
-@import 'navigation/navigation';
 @import 'placeGrid/placeGrid';
 @import 'placeList/placeList';
 @import 'linkList/linkList';
diff --git a/components/03_Organisms/navigation/_navigation.scss b/components/03_Organisms/navigation/_navigation.scss
deleted file mode 100644
index 9818644..0000000
--- a/components/03_Organisms/navigation/_navigation.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.LP-Menu{
-    &__List {
-        list-style-type: none;
-        display: inline-flex;
-        justify-content: space-around;
-    }
-
-    &__Item {
-        padding: 10px 15px;
-        margin: 0 15px;
-        width: 100px;
-        text-align: center;
-        background-color: transparent;
-    }
-
-    .LP-Link__Text {
-        color: $-grey;
-        font-weight: bold;
-        text-shadow: 0px 0px 20px white;
-        &:hover{
-            color: $-wine-red;
-        }
-    }
-}
\ No newline at end of file