Update hover effect on checkboxes

codeforkansascity · Oct 25, 2024 · 54d3512 · 54d3512
1 parent 952f58d
commit 54d3512
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/DonationForm/DonationForm.css b/src/DonationForm/DonationForm.css
@@ -44,6 +44,7 @@ form label {
   color: black;
   box-sizing: border-box;  /* Ensure padding doesn't affect width */
   font-family: 'DM Sans', sans-serif;  /* Apply DM Sans to labels */
+  transition: 0.3s;
 }
 
 form input[type="checkbox"],

diff --git a/src/DonationItemForm/DonationItemsForm.css b/src/DonationItemForm/DonationItemsForm.css
@@ -50,6 +50,12 @@ h2 {
   margin-bottom: 10px;
   font-size: 16px;
   box-sizing: border-box;
+  transition: 0.3s;
+}
+
+.checkbox-label:hover {
+  border-color: #1a73e8;
+  transition: 0.3s;
 }
 
 .checkbox-label input {