wip #5495 @1

diff --git a/style/inc/menu-compact.sass b/style/inc/menu-compact.sass
new file mode 100644 (file)
index 0000000..e69de29

diff --git a/style/inc/menu.sass b/style/inc/menu.sass
index 1c8308094d83887dfdf46c496cf48c117516d475..44c80663b8c26b1fd51376ac5786381dee7ffd9c 100644 (file)
--- 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 829c1f2ee4966be987498a83dec510871a12bfdf..19268db26df522ceb9ded6fd5cb5fb3c3a930dc5 100644 (file)
--- 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 2f015b391923c18ae9fb39d7f94fb5c3ee23698e..1e09528a939f1698188664f005cb7d646508688f 100644 (file)
--- 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