From 9f41317f675b386da5dc4cd355c26e8fa2a240f3 Mon Sep 17 00:00:00 2001
From: ethylotest <hugogogo@protonmail.com>
Date: Sun, 11 Apr 2021 13:12:11 +0200
Subject: [PATCH] mise en place debut media queries

---
 styles/global.css   |  1 +
 styles/skeleton.css | 48 ++++++++++++++-------------------------------
 2 files changed, 16 insertions(+), 33 deletions(-)

diff --git a/styles/global.css b/styles/global.css
index b374eab..cacc1a4 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -51,6 +51,7 @@
 	--gap-unit:				10px;
 	--max-screen:			1110px;
 	--base-font-size:		10px;
+	--small-font-size:		8px;
 	--nav-height:			40px;
 	--aside-left-width:		200px;
 	--aside-right-width:	200px;
diff --git a/styles/skeleton.css b/styles/skeleton.css
index 1b87e45..ce85532 100644
--- a/styles/skeleton.css
+++ b/styles/skeleton.css
@@ -77,37 +77,19 @@ footer iframe {
 	position: sticky;
 	top: 0;
 }
-/*dropdown element*/
-/*
-	.dropdown
-		.drop .drop_title
-		.drop_items
-			.drop
-			.drop
-*/
-/*
-.dropdown {
-	flex-direction: column;
-	position: relative;
-	margin-right: 20px;
+
+/* RESPONSIVE DESIGNi */
+
+@media only screen and (max-width: 1000px) {
+	html {
+		font-size: var(--small-font-size);
+	}
+	.container_main {
+		flex-direction: column;
+	}
+	.container_main > * {
+		margin: 20px;
+	}
 }
-.dropdown:after {
-	content: "▼";
-	position: absolute;
-	left: 100%;
-	top: 50%;
-	-ms-transform: translateY(-50%); old IE
-	transform: translateY(-50%);
-}
-.dropdown .drop_title {
-}
-.dropdown .drop_items {
-	position: absolute;
-	top: 100%;
-	left: 0px;
-	height: auto;
-}
-.dropdown .drop {
-	margin: var(--gap-unit);
-}
-*/
+
+