WIP: add quick filter buttons

2019-06-28 16:50:20 +02:00
parent 29a6d79d38
commit 0e0b1afe3a
3 changed files with 30 additions and 1 deletions
@@ -11,10 +11,18 @@ button, input[type=submit], .button {
  cursor: pointer;
  letter-spacing: 0.1em;

+  &+button, &+input[type=submit], &+.button {
+    margin-left: 0.5rem;
+  }
+
  &:hover {
    background-color: rgba(22, 21, 40, 0.8);
  }

+  &:active, &.active {
+    border-color: $primary-color;
+  }
+
  &.small {
    font-size: 0.8rem;
    padding: 0.2rem 0.8rem;
@@ -28,6 +36,9 @@ button, input[type=submit], .button {
    &:hover {
      background-color: rgba(40, 21, 21, 0.8);
    }
+    &:active, &.active {
+      border-color: $red;
+    }
  }

  &.green {
@@ -38,5 +49,8 @@ button, input[type=submit], .button {
    &:hover {
      background-color: rgba(21, 40, 21, 0.8);
    }
+    &:active, &.active {
+      border-color: $green;
+    }
  }
 }