improved hover

gdg-garage · Oct 20, 2024 · 14761f3 · 14761f3
1 parent f755a30
commit 14761f3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
diff --git a/_site/assets/css/main.css.map b/_site/assets/css/main.css.map
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -52,7 +52,7 @@ body {
 
 .comment-box {
     background-color: rgba(255, 255, 255, .1);
-    border-radius: $radius/2;
+    border-radius: calc($radius/2);
 }
 
 .info-box {
@@ -68,29 +68,33 @@ body {
     display: inline-block;
 
     transition: all 300ms;
+
+    &:hover {
+        text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px;
+    }
 }
 
 .light {
     background-color: $gray;
 
     &:hover {
-        background-color: darken($gray, 20%);
+        background-color: transparentize($gray, .2);
     }
 }
 
 .blue {
     background-color: $blue;
 
     &:hover {
-        background-color: darken($blue, 20%);
+        background-color: transparentize($blue, .2);
     }
 }
 
 .purple {
     background-color: $purple;
 
     &:hover {
-        background-color: darken($purple, 20%);
+        background-color: transparentize($purple, .2);
     }
 }
 
@@ -102,8 +106,9 @@ body {
 a {
     color: $text;
 
-    &:hover {
+   &:not(.button):hover {
         color: darken(white, 20%);
+
     }
 }