Merge branch 'fix/transparent-mobile-menu' into 'develop'

Fix transparent mobile menu

See merge request hub/hub!1063

src/plainui/styles/_variables-hub.scss

@@ -103,6 +103,7 @@ $hub-tag-user-color: $black !default;
 
 $hub-main-nav-category-font-weight: 300 !default;
 $hub-main-nav-bg: $body-bg-dark !default;
+$hub-main-nav-bg-mobile: $body-bg-dark !default;
 
 /* Lists*/
 

src/plainui/styles/components/_nav.scss

 .hub-main-navbar {
-  background-color: $hub-main-nav-bg;
+  background-color: $hub-main-nav-bg-mobile;
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -11,6 +11,12 @@
   z-index: 1000;
 }
 
+@include media-breakpoint-up(md) {
+  .hub-main-navbar {
+    background-color: $hub-main-nav-bg;
+  }
+}
+
 .hub-main-navbar-items {
   padding-bottom: 4rem;
 }

src/plainui/styles/themes/38c3/_38c3-variables.scss

@@ -10,7 +10,8 @@ $hub-event-list-now-color: $black;
 $hub-head-page-font: 400 40px "Space Grotesk";
 $hub-head-page-color: $primary;
 
-$hub-main-nav-bg: "transparent";
+$hub-main-nav-bg: transparent;
+$hub-main-nav-bg-mobile: black;
 $hub-main-nav-category-font-weight: normal;
 
 $hub-head-category-font: 400 22px "Space Grotesk";