mirror of
https://codeberg.org/keyoxide/keyoxide-web.git
synced 2024-12-22 14:59:29 -07:00
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:
parent
0b5354164b
commit
8c731015b5
2 changed files with 4 additions and 3 deletions
|
@ -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);
|
||||
|
|
|
@ -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: '- ';
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue