From 8c731015b57f8775bc5f03b2b2e4b94d6828c0cf Mon Sep 17 00:00:00 2001
From: N4taaa <n4ta@keemail.me>
Date: Wed, 2 Oct 2024 15:15:34 +0100
Subject: [PATCH] Added more pseudo classes for better UX/Accessibility

Added active and focus pseudo classes to the anchor tag hover selector
---
 static-src/styles/forms.scss      | 2 +-
 static-src/styles/typography.scss | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/static-src/styles/forms.scss b/static-src/styles/forms.scss
index eb766cd..fb5842e 100644
--- a/static-src/styles/forms.scss
+++ b/static-src/styles/forms.scss
@@ -103,7 +103,7 @@ a.button {
     border-radius: 4px;
     cursor: pointer;
 
-    &:hover {
+    &:hover, &:active, &:focus {
         background-color: var(--button-background-color-hover);
         border-color: var(--button-border-color-hover);
         color: var(--button-text-color-hover);
diff --git a/static-src/styles/typography.scss b/static-src/styles/typography.scss
index adc6765..2c1e527 100644
--- a/static-src/styles/typography.scss
+++ b/static-src/styles/typography.scss
@@ -84,8 +84,9 @@ h4 {
 }
 a {
     color: var(--link-color);
+    transition: 0.2s ease-out;
 
-    &:hover {
+    &:hover, &:active, &:focus {
         color: var(--link-color-hover);
     }
 }
@@ -143,4 +144,4 @@ a.button.button--donate.button--kofi:hover {
 ul {
     padding-left: 1em;
     list-style: '- ';
-}
\ No newline at end of file
+}