Introduce item-list CSS, move item colors to variables

2020-07-09 22:41:11 +02:00
parent a96cca879d
commit fb267813fb
9 changed files with 47 additions and 36 deletions
@@ -0,0 +1,27 @@
+ul.item-list {
+  list-style: none;
+
+  li {
+    background-color: $item-background-color;
+    border-bottom: 1px solid $item-border-color;
+    font-size: 1.2rem;
+
+    &:first-of-type {
+      border-top: 1px solid $item-border-color;
+    }
+
+    &.selected {
+      background-color: $item-highlighted-background-color;
+    }
+  }
+
+  &.loading {
+    @include loading-border-top;
+
+    li {
+      &:first-of-type {
+        border-top: none;
+      }
+    }
+  }
+}