Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 14:59:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Added more pseudo classes for better UX/Accessibility

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static-src/styles/forms.scss
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);

5
static-src/styles/typography.scss
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);
} }
} }
@ -143,4 +144,4 @@ a.button.button--donate.button--kofi:hover {
ul { ul {
padding-left: 1em; padding-left: 1em;
list-style: '- '; list-style: '- ';
} }