Add hero buttons

2018-11-16 23:04:23 +02:00
parent 00eb1c459a
commit 5eaf6ec459
3 changed files with 19 additions and 6 deletions
@@ -3,14 +3,21 @@
 .button {
  -webkit-appearance: none;
  border-radius: none;
-  padding: 0.5rem 1rem;
+  padding: 0.8rem 2rem;
  margin: 0.5rem;
-  border: 2px solid $blue;
-  font-size: 1rem;
-  font-weight: 500;
+  font-size: 10px;
+  background: none;
+  text-transform: uppercase;
+
+  &.hero {
+    background-color: $dark-blue;
+    color: $blue;
+    font-weight: 500;
+    letter-spacing: 1.5px;
+    border: 1px solid $white;
+  }

  &:hover {
-    border: 2px solid $dark-blue;
    cursor: pointer;
  }