From 37d3fd2978de8ff0659d82fa77ae28581393893f Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Wed, 21 Apr 2021 16:47:51 +0200
Subject: [PATCH] mise en place dropdown menu en cours

---
 styles/skeleton.css | 46 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/styles/skeleton.css b/styles/skeleton.css
index 9e9a432..d74ea0a 100644
--- a/styles/skeleton.css
+++ b/styles/skeleton.css
@@ -20,6 +20,7 @@ nav {
 	/*we have to set the height to use the height % for childs elements*/
 	height: calc(var(--nav-height) + 1px);
 	z-index: 10;
+	position: relative;
 }
 .container_main {
 	flex-direction: row;
@@ -94,11 +95,56 @@ footer iframe {
 		position: relative;
 	}
 	/*NAVBAR*/
+	nav.navbar {
+		flex-direction: column;
+		height: auto;
+	}
 	.navbar .nav_left a {
 		display: none;
+		display: flex;
+		margin-left: 0px;
+		width: 100%;
+	}
+	.navbar .nav_left a p {
+		margin-left: 20px;
+	}
+	.navbar .nav_right {
+		display: none;
+		display: flex;
 	}
 	.navbar .nav_left a#nav_logo {
 		display: flex;
+		margin-bottom: 40px;
+		width: auto;
+	}
+	.navbar .nav_left {
+		flex-direction: column;
+		height: auto;
+	}
+	.navbar .nav_right {
+		margin: 20px 0px;
+	}
+	/*burger menu*/
+	nav.navbar::before {
+		content: "";
+		position: absolute;
+		right: 20px;
+		top: 10px;
+		width: 26px;
+		height: 14px;
+		border-top: 2px solid lightgrey;
+		border-bottom: 2px solid lightgrey;
+		cursor: pointer;
+	}
+	nav.navbar::after {
+		content: "";
+		position: absolute;
+		right: 20px;
+		top: 18px;
+		width: 26px;
+		height: 2px;
+		border-top: 2px solid lightgrey;
+		pointer-events: none;
 	}
 	/*MAIN*/
 	main {