Implement list view

1 files changed, 51 insertions, 0 deletions

diff --git a/templates/inventoryList.cassius b/templates/inventoryList.cassius
new file mode 100644
index 0000000..edb9feb
--- /dev/null
+++ b/templates/inventoryList.cassius
@@ -0,0 +1,51 @@
+body > ul
+  list-style-type: none
+  margin: 0
+  padding: 0
+  li
+    padding: 0.25em
+    margin: 0
+    .kindType
+      color: inherit
+      .type
+        color: #aaa
+      .type::before
+        content: "("
+      .type::after
+        content: ")"
+    .info
+      list-style-type: none
+      margin: 0
+      padding: 0
+      li
+        display:inline-table
+        border-collapse: collapse
+        div
+          display: table-row
+          div
+            display: table-cell
+            background-color: #ddd
+            border-right:1px solid #999
+            padding: 0.25em
+          div:first-child
+            border-radius: 0.5em 0 0 0.25em
+          div:last-child
+            border-right-style: none
+            border-radius: 0 0.25em 0.5em 0
+      li.content
+        display:inline-block
+        background-color: #ddd
+        padding: 0.25em
+        border-radius: 0.5em 0.25em
+  li
+    margin-bottom:0.5em
+  li:last-child
+    margin-bottom:0
+
+.expireMonth
+  color: #995e00
+.expireWeek
+  color: #994000
+.expired
+  color: #990000
+  text-decoration: line-through