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;
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);

View file

@ -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: '- ';
}
}