Experiments page.

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _navigation.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_navigation.scss b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
index a61b7ae..8209a3b 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_navigation.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
@@ -36,6 +36,12 @@
 .l-navigation__logo {
   position: relative;
   z-index: $master-layer + 1;
+
+  @include rwd(tablet) {
+    img {
+      width: 153px;
+    }
+  }
 }
 
 .l-navigation__button {
@@ -55,6 +61,11 @@
   margin-left: 60px;
   margin-right: auto;
 
+  @include rwd(tablet) {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
   input {
     font-family: $base-font;
     font-size: 18px;
@@ -78,6 +89,12 @@
     font-size: 30px;
     margin-right: 25px;
   }
+  
+  @include rwd(tablet) {
+    a {
+      display: none;
+    }
+  }
 }
 
 .l-change-pop {
@@ -152,12 +169,24 @@
   display: flex;
   justify-content: space-between;
 
+  @include rwd(tablet) {
+    flex-wrap: wrap;
+    max-height: calc(100vh - 120px);
+    overflow-y: scroll;
+  }
+
   ul {
     margin: 0;
     padding: 0;
     list-style: none;
     max-width: 212px;
 
+    @include rwd(tablet) {
+      width: 100%;
+      max-width: 100%;
+      margin-bottom: 20px;
+    }
+
     li {
       font-weight: $regular;
       @include font-size(18px);