Rewrite styles to scss and use i respective components

2020-07-17 08:44:02 +02:00
parent be0241674c
commit 73865eb209
94 changed files with 969 additions and 974 deletions
--- a/src/components/Item/item.scss
+++ b/src/components/Item/item.scss
@@ -0,0 +1,49 @@
+.item {
+  padding: 10px;
+  border-bottom: 1px solid var(--color-gray-normal);
+  display: block;
+  text-decoration: none;
+  transition: background 200ms ease-out;
+  color: var(--color-gray-normal);
+  box-sizing: border-box;
+
+  &.is-active {
+    background: var(--color-gray-dark-alt);
+  }
+
+  &:hover {
+    background: var(--color-gray-dark-alt2);
+  }
+
+  &:first-child {
+    border-top: 1px solid var(--color-gray-normal);
+  }
+
+  &--big {
+    min-height: 80px;
+    padding: 20px 10px;
+  }
+
+  &--no-leading-border {
+    &:first-child {
+      border-top: none;
+    }
+  }
+
+  &--no-trailing-border {
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &__title {
+    font-size: 16px;
+    color: var(--color-white);
+  }
+
+  &__info {
+    margin-top: 5px;
+    font-size: 12px;
+    color: var(--color-gray-normal);
+  }
+}