EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styleguide: fix navigation color when hovering unvisited links
All checks were successful
/ build (push) Successful in 11s
Details

Browse source
This commit is contained in:
kritzl 2025-02-14 21:25:48 +01:00
commit 0e3894279d
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
styleguide/assets/style/styleguide.css
View file

@ -487,7 +487,7 @@ body > div nav ul li > a {
transition-duration: 400ms; transition-duration: 400ms;
transition-timing-function: ease-in; transition-timing-function: ease-in;
} }
body > div nav ul li > a:visited, body > div nav ul li > a:focus, body > div nav ul li > a:active { body > div nav ul li > a:visited, body > div nav ul li > a:focus, body > div nav ul li > a:active, body > div nav ul li > a:hover {
color: var(--color-foreground); color: var(--color-foreground);
} }
body > div nav ul li > a i[data-icon] { body > div nav ul li > a i[data-icon] {
@ -505,7 +505,7 @@ body > div nav ul li:hover a, body > div nav ul li:focus-within a {
filter: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--local-primary)) drop-shadow(0 0 0.25em var(--local-primary)); filter: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--local-primary)) drop-shadow(0 0 0.25em var(--local-primary));
transition: filter 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms, outline-color 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms; transition: filter 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms, outline-color 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms;
} }
body > div nav ul li:hover a:visited, body > div nav ul li:hover a:focus, body > div nav ul li:hover a:active, body > div nav ul li:focus-within a:visited, body > div nav ul li:focus-within a:focus, body > div nav ul li:focus-within a:active { body > div nav ul li:hover a:visited, body > div nav ul li:hover a:focus, body > div nav ul li:hover a:active, body > div nav ul li:hover a:hover, body > div nav ul li:focus-within a:visited, body > div nav ul li:focus-within a:focus, body > div nav ul li:focus-within a:active, body > div nav ul li:focus-within a:hover {
color: var(--color-white); color: var(--color-white);
} }
body > div main { body > div main {

4
styleguide/assets/style/styleguide.scss
View file

@ -68,7 +68,7 @@ body {
transition-duration: 400ms; transition-duration: 400ms;
transition-timing-function: ease-in; transition-timing-function: ease-in;
&:visited, &:focus, &:active { &:visited, &:focus, &:active, &:hover {
color: var(--color-foreground); color: var(--color-foreground);
} }
@ -90,7 +90,7 @@ body {
transition: filter 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms, transition: filter 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms,
outline-color 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms; outline-color 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms;
&:visited, &:focus, &:active { &:visited, &:focus, &:active, &:hover {
color: var(--color-white); color: var(--color-white);
} }
} }