feat: add custom cursor

ucsddesignco · Mar 27, 2024 · 40ef3ea · 40ef3ea
1 parent f838774
commit 40ef3ea
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 0 deletions.
diff --git a/public/images/cursor-pointer.svg b/public/images/cursor-pointer.svg
diff --git a/public/images/cursor.svg b/public/images/cursor.svg
diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -16,6 +16,7 @@
 
 body {
   line-height: 1.5;
+  cursor: $cursor;
 }
 
 h1 {
@@ -66,4 +67,9 @@ button,
 textarea,
 select {
   font-family: $p-font;
+
+  &:hover {
+    cursor: $cursor-pointer;
+  }
+
 }
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
@@ -12,6 +12,11 @@ $header-font: "Ridge Obligque Regular";
 $subheader-font: "NeuePlak Bold";
 $p-font: "NB International Regular";
 
+//Cursors
+$cursor: url("/images/cursor.svg"), auto;
+$cursor-pointer: url("/images/cursor-pointer.svg"), pointer;
+
+
 //Spacing and Sizing
 $navbar-margin: clamp(2rem, calc(0.5rem + 5vw), 8rem);
 $navbar-width: 45px;