Added more pseudo classes for better UX/Accessibility

Added active and focus pseudo classes to the anchor tag hover selector
This commit is contained in:
N4taaa 2024-10-02 15:15:34 +01:00 committed by Pastel de N4ta
parent 0b5354164b
commit 8c731015b5
No known key found for this signature in database
2 changed files with 4 additions and 3 deletions

View file

@ -103,7 +103,7 @@ a.button {
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
&:hover { &:hover, &:active, &:focus {
background-color: var(--button-background-color-hover); background-color: var(--button-background-color-hover);
border-color: var(--button-border-color-hover); border-color: var(--button-border-color-hover);
color: var(--button-text-color-hover); color: var(--button-text-color-hover);

View file

@ -84,8 +84,9 @@ h4 {
} }
a { a {
color: var(--link-color); color: var(--link-color);
transition: 0.2s ease-out;
&:hover { &:hover, &:active, &:focus {
color: var(--link-color-hover); color: var(--link-color-hover);
} }
} }