Adjusted the check button active and hover functions, removed repetit…

…ions. Used box-shaow, added transform.
uclaacm · Oct 24, 2024 · d0c27af · d0c27af
1 parent 0bd01b5
commit d0c27af
Showing 1 changed file with 6 additions and 17 deletions.
diff --git a/src/styles/Exercises/UnitCircleInput.scss b/src/styles/Exercises/UnitCircleInput.scss
@@ -72,27 +72,16 @@
   padding: 1.25vw 2.5vw;
 }
 
-#unitcircleinput-check-button:hover {
-  @include font-styles();
-  background-color: colors.$primary-green;
-  border: 0.1em solid;
-  border-left-color: #e5e5e5;
-  border-radius: 10px;
-  border-style: outset;
-  border-top-color: #e5e5e5;
-  color: colors.$text-white;
-  padding: 1.25vw 2.5vw;
 
-  //border-width: 150px;
+#unitcircleinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696; 
 }
 
+
 #unitcircleinput-check-button:active {
-  @include font-styles();
-  background-color: colors.$primary-green;
-  border: hidden;
-  border-radius: 10px;
-  color: colors.$text-white;
-  padding: 1vw 2vw;
+  box-shadow: none; 
+  transform: scale(0.95);
+
 }
 
 #unitcircle-check-wrong {