(#8) Styling: Button Mixin-lize

betarixm · Mar 29, 2022 · a1ff1a7 · a1ff1a7
1 parent 2146aa0
commit a1ff1a7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/styles/Home.module.scss b/styles/Home.module.scss
@@ -66,5 +66,6 @@
         font-size: $text-lg-font-size;
         font-weight: 500;
         background-color: $color-primary;
+        cursor: pointer;
     }
 }
diff --git a/styles/_variables.scss b/styles/_variables.scss
@@ -115,6 +115,16 @@ $breakpoint-desktop: 1024px;
     }
 }
 
+@mixin buttonMixin {
+    padding: 1rem 2.5rem;
+    border-radius: 1rem;
+    border: none;
+    font-size: $text-lg-font-size;
+    font-weight: 500;
+    background-color: $color-primary;
+    cursor: pointer;
+}
+
 @keyframes shake {
     0% {
         transform: rotate(0deg);