Initial Commit

2018-09-13 21:15:47 +02:00
commit 09f406cba7
84 changed files with 6920 additions and 0 deletions
@@ -0,0 +1,13 @@
+module.exports = class {
+  onCreate(input) {
+    this.state = {
+      classes: ["menu-link", "color-menu", input.class],
+    }
+
+    this.state.classes.push(input.selected ? "selected" : "not-selected")
+  }
+
+  onClick() {
+    this.emit("click")
+  }
+}
@@ -0,0 +1,8 @@
+<a on-click("onClick") href=input.href>
+  <div class=state.classes>
+    <div class="icon color-primary">${input.icon}</div>
+    <div class=["text", input.selected ? "color-primary" : input.textClass]>
+      <include(input.renderBody) />
+    </div>
+  </div>
+</a>
@@ -0,0 +1,28 @@
+div.menu-link {
+  width: 100%;
+  padding-left: 0.5ch;
+  font-size: 1.1em;
+
+  cursor: pointer;
+
+  div.icon {
+    display: inline-block;
+    width: 3ch;
+    padding: 0.15em 0.125em;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  div.text {
+    display: inline-block;
+    max-width: 22ch;
+    white-space: nowrap;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+
+    span.weak {
+      opacity: 0.3333;
+    }
+  }
+}