eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
files/base/layout/css/elements/mmenu.scss
History View file @c584c6c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,85 @@
1 
+
2 
+.mm-menu {
3 
+  opacity: 0;
4 
+  z-index: 21 !important;
5 
+
6 
+  &.mm-menu_theme-white {
7 
+    --mm-line-height: inherit;
8 
+    --mm-listitem-size: inherit;
9 
+    --mm-navbar-size: inherit;
10 
+    --mm-color-border: inherit;
11 
+    --mm-color-button: inherit;
12 
+    --mm-color-text: inherit;
13 
+    --mm-color-text-dimmed: inherit;
14 
+    --mm-color-text-highlighted: inherit;
15 
+    --mm-color-background: inherit;
16 
+    --mm-color-background-highlight: inherit;
17 
+    --mm-color-background-emphasis: inherit;
18 
+    --mm-shadow: inherit;
19 
+  }
20 
+
21 
+  a.btn {
22 
+
23 
+  }
24 
+
25 
+  &.mm-menu_opened {
26 
+    opacity: 1;
27 
+  }
28 
+
29 
+  &.mod_mmenuHtml {
30 
+    .mm-navbar {
31 
+      display: none;
32 
+    }
33 
+
34 
+    &.mm-menu_position-top {
35 
+      height: auto;
36 
+      min-height: 0px;
37 
+      max-height: none;
38 
+      bottom: auto;
39 
+      padding: 1rem 0;
40 
+
41 
+      @include media-breakpoint-up(lg) {
42 
+        padding: 2rem 0;
43 
+      }
44 
+
45 
+      .mm-panels {
46 
+        > .mm-panel {
47 
+          position: relative;
48 
+
49 
+          &:after {
50 
+            display: none;
51 
+          }
52 
+        }
53 
+      }
54 
+    }
55 
+
56 
+    &:not(.mm-menu_position-top) {
57 
+      padding: 1rem;
58 
+
59 
+      @include media-breakpoint-up(lg) {
60 
+        padding: 2rem;
61 
+      }
62 
+    }
63 
+  }
64 
+
65 
+  &:not(.mod_mmenuHtml) {
66 
+    .mm-panels {
67 
+      > .mm-panel:first-child {
68 
+        .mm-navbar__title {
69 
+          span {
70 
+            display: none;
71 
+          }
72 
+
73 
+          &:after {
74 
+            content: "";
75 
+            width: calc(100% + 80px);
76 
+            height: 100px;
77 
+            background: var(--mm-color-background) url("/files/base/layout/img/logo.svg") center center no-repeat;
78 
+            background-size: contain;
79 
+            margin: 50px -40px;
80 
+          }
81 
+        }
82 
+      }
83 
+    }
84 
+  }
85 
+}