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;
|
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);
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue