Added the active and hover button states for the check button (#122)

* Added the active and hover button states for the check button * Adjusted the check button active and hover functions, removed repetitions. Used box-shaow, added transform. * Adjusted the hover and active states, removed repeats, added box-shadow to hover, used transform and made box-shadow hidden for active. --------- Co-authored-by: Sanjna <[email protected]>
uclaacm · Oct 25, 2024 · 8027020 · 8027020
1 parent 0eb357f
commit 8027020
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,6 +72,15 @@
   padding: 1.25vw 2.5vw;
 }
 
+#unitcircleinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#unitcircleinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #unitcircle-check-wrong {
   @include font-styles();
   color: red;