From 4cb83c96da9ec9cdd6e69ff43b555e364c481e5f Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 29 Sep 2022 12:14:46 +0200
Subject: [PATCH] wip #5495 @1

---
 style/inc/menu-compact.sass |  0
 style/inc/menu.sass         | 43 ++++++++-----------------------------
 style/inc/mixins.sass       | 41 ++++++++++++++++++++++++++++++++++-
 style/style.sass            |  1 +
 4 files changed, 50 insertions(+), 35 deletions(-)
 create mode 100644 style/inc/menu-compact.sass

diff --git a/style/inc/menu-compact.sass b/style/inc/menu-compact.sass
new file mode 100644
index 0000000..e69de29
diff --git a/style/inc/menu.sass b/style/inc/menu.sass
index 1c83080..44c8066 100644
--- a/style/inc/menu.sass
+++ b/style/inc/menu.sass
@@ -18,6 +18,8 @@
     padding: $space
 
   #logo-eif
+    @media(max-height: 880px)
+      display: none
     position: absolute
     bottom: 0
     left: 0
@@ -110,42 +112,14 @@
       transform-origin: 50% 50%
       transform: scale(-1, 1)
 
-.menu-compact
-  main
-    padding: $space $space $space $space*3+70px
-
-  $compact-menu-space: 15px
-  $width: 70px
-
-  #menu
-    width: $width
-
-    .compact
-      display: block
-
-    .large
-      display: none
-
-    #logo-client, #logo-eif
-      padding: $compact-menu-space
+@media(max-height: 780px)
+  @include menu-compact
 
-    #logo-client
-      padding-top: $space
-
-    nav > ul > li
-      > a
-        padding: $compact-menu-space
-        height: $width
-
-        span
-          display: none
-
-      ul
-        left: $width+1
+  .toggle-menu
+    display: none
 
-    .toggle-menu
-      svg
-        transform: scale(1, 1)
+.menu-compact
+  @include menu-compact
 
 .tippy-box[data-theme~='menu']
   $tooltip-menu-background: #292929
@@ -157,3 +131,4 @@
     > .tippy-arrow::before
       border-top-color: $tooltip-menu-background
 
+
diff --git a/style/inc/mixins.sass b/style/inc/mixins.sass
index 829c1f2..19268db 100644
--- a/style/inc/mixins.sass
+++ b/style/inc/mixins.sass
@@ -1,4 +1,43 @@
+@import "variables"
+
 @mixin white-block
   border-radius: 6px
   background-color: #fff
-  padding: $space
\ No newline at end of file
+  padding: $space
+
+@mixin menu-compact
+  main
+    padding: $space $space $space $space*3+70px
+
+    $compact-menu-space: 15px
+    $width: 70px
+
+    #menu
+      width: $width
+
+      .compact
+        display: block
+
+      .large
+        display: none
+
+      #logo-client, #logo-eif
+        padding: $compact-menu-space
+
+      #logo-client
+        padding-top: $space
+
+      nav > ul > li
+        > a
+          padding: $compact-menu-space
+          height: $width
+
+          span
+            display: none
+
+        ul
+          left: $width+1
+
+      .toggle-menu
+        svg
+          transform: scale(1, 1)
\ No newline at end of file
diff --git a/style/style.sass b/style/style.sass
index 2f015b3..1e09528 100644
--- a/style/style.sass
+++ b/style/style.sass
@@ -28,6 +28,7 @@ body
 
 
 main
+  min-width: 1700px
   padding: $space $space $space $space*3+150px
 
   section
-- 
2.39.5