mod menu wip

assets/launcher.rml

@@ -47,6 +47,10 @@
 							<div class="menu-list-item__bullet">•</div>
 							<div class="menu-list-item__label">Setup controls</div>
 						</button>
+						<button onclick="open_mod_menu" class="menu-list-item menu-list-item--right">
+							<div class="menu-list-item__bullet">•</div>
+							<div class="menu-list-item__label">Mods</div>
+						</button>
 						<button onclick="open_settings" class="menu-list-item menu-list-item--right">
 							<div class="menu-list-item__bullet">•</div>
 							<div class="menu-list-item__label">Settings</div>

assets/scss/styles/components/ModMenu.scss

@@ -1,5 +1,5 @@
 .mod-menu {
-    display: flex;
+    display: none;
     position: absolute;
     top: 0;
     right: 0;
@@ -11,6 +11,10 @@
     padding: space($page-margin);
     background-color: $color-modal-overlay;
 
+    &--open {
+        display: flex;
+    }
+
     &__modal-wrapper {
         display: flex;
         position: relative;
@@ -85,3 +89,26 @@
         background-color: $color-bg-overlay;
     }
 }
+
+.mod-menu-mod {
+    display: flex;
+    position: relative;
+    flex: 1 1 100%;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: auto;
+    padding: space(16);
+    border-bottom-width: $border-width-thickness;
+    border-color: $color-border;
+    background-color: $color-bg-overlay;
+
+    &:last-child {
+        border-bottom-width: 0;
+    }
+
+    &__label {
+        @extend %label-lg;
+    }
+}