Merge pull request #305 from git-Hmmm/patch-4

Cosmetic change v3: added box-shadow to footer buttons
reisxd · Aug 24, 2022 · a2a16c9 · a2a16c9
2 parents 5908012 + fcd66a7
commit a2a16c9
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/public/styles/core.css b/public/styles/core.css
@@ -124,6 +124,16 @@ button {
   padding: 10px 20px;
   background-color: var(--buttonColor);
   cursor: pointer;
+  transition: 200ms;
+  box-shadow: 0px 0px 0px 2px #ddd;
+}
+
+button:hover {
+	box-shadow: 0 0 0 3px #ddd;
+}
+
+button:focus, button:active {
+  box-shadow: 0 0 0 2px #ddd; 
 }
 
 .highlighted {
@@ -178,6 +188,12 @@ i.social-icon {
   line-height: 1em;
   color: var(--icon-foreground);
   background-color: var(--icon-background);
+  cursor: pointer;
+  transition: 200ms;
+}
+
+i.social-icon:hover {
+  box-shadow: 0 0 0 2px #ddd;
 }
 
 i.social-icon::before {