Change social links bg color on hover

coalest · Sep 16, 2024 · 79fbaea · 79fbaea
1 parent 87ad559
commit 79fbaea
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/_site/styles.css b/_site/styles.css
@@ -261,12 +261,16 @@ footer li a {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(255, 255, 255, 0.25);
   border-radius: 50%;
   width: 2.8125rem;
   height: 2.8125rem;
 }
 
+footer li a:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
 footer p {
   padding-top: 36px;
   font-size: 0.875rem;

diff --git a/styles.css b/styles.css
@@ -261,12 +261,16 @@ footer li a {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(255, 255, 255, 0.25);
   border-radius: 50%;
   width: 2.8125rem;
   height: 2.8125rem;
 }
 
+footer li a:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
 footer p {
   padding-top: 36px;
   font-size: 0.875rem;