Menu: Split presentational and container

1 files changed, 25 insertions, 0 deletions

diff --git a/src/client/react/components/presentational/Menu.scss b/src/client/react/components/presentational/Menu.scss
new file mode 100644
index 0000000..3d84507
--- /dev/null
+++ b/src/client/react/components/presentational/Menu.scss
@@ -0,0 +1,25 @@
+.Menu {
+  .mdc-menu-anchor {
+    height: 100%;
+  }
+
+  .mdc-button {
+    height: 100%;
+    min-width: unset;
+    color: black;
+
+    &::before, &::after {
+      background-color: black;
+    }
+
+    i {
+      font-size: 24px;
+    }
+  }
+
+  .mdc-list-item {
+    i {
+      padding-right: 8px;
+    }
+  }
+}