Refactor and add new button styles

2019-04-28 14:39:50 +01:00
parent f25c74c7e9
commit c6a37f7e94
4 changed files with 41 additions and 34 deletions
@@ -0,0 +1,30 @@
+button, input[type=submit] {
+  display: inline-block;
+  padding: 0.6rem 2rem;
+  background-color: rgba(22, 21, 40, 0.6);
+  border: 1px solid rgba(22, 21, 40, 1);
+  border-radius: 3px;
+  color: $primary-color;
+  font-weight: 500;
+  text-transform: uppercase;
+  cursor: pointer;
+  letter-spacing: 0.1em;
+
+  &:hover {
+    background-color: rgba(22, 21, 40, 0.8);
+  }
+
+  &.small {
+    font-size: 0.8rem;
+    padding: 0.2rem 0.8rem;
+  }
+
+  &.danger {
+    color: $red;
+    background-color: rgba(40, 21, 21, 0.6);
+
+    &:hover {
+      background-color: rgba(40, 21, 21, 0.8);
+    }
+  }
+}