Created elements for ui elements, loading-placeholder for all keyframing and styling for the pulsing placeholder text and a main.scss for global classes such as noselect which prevents hightlighting of text

2019-06-02 22:50:54 +02:00
parent 352aabb21d
commit 9a10939c91
3 changed files with 137 additions and 0 deletions
--- a/src/scss/elements.scss
+++ b/src/scss/elements.scss
@@ -0,0 +1,41 @@
+.filter {
+  // margin: 10px 10px 20px;
+  margin: 1rem;
+  padding: 0;
+  overflow: auto;
+  list-style: none;
+  border: 1px solid;
+  border-radius: 2px;
+  // overflow: hidden;
+  display: flex;
+  transition: color .2s ease;
+  // justify-content: space-evenly;
+
+  &-item {
+    padding: 6px 15px;
+    background-color: $c-white;
+    transition: color 0.2s ease;
+    font-size: 13px;
+    font-weight: 200;
+    text-transform: capitalize;
+    text-align: center;
+    width: 100%;
+    white-space:nowrap;
+    // overflow: hidden;
+    &:nth-child(n+2) {
+      border-left: solid 1px;
+    }
+    &.active, &:hover {
+      border-color: transparent;
+      background-color: #091c24;
+      color: $c-green;
+      cursor: pointer;
+    }
+    @include tablet-min {
+      font-size: 16px;
+    }
+  }
+}
+
+// TODO 
+//  - add buttons