mirror of
https://codeberg.org/angestoepselt/homepage.git
synced 2026-03-21 22:32:17 +00:00
Improve link a11y for navigations
This commit is contained in:
parent
e98c476b97
commit
d2af752ad7
2 changed files with 12 additions and 4 deletions
|
|
@ -93,13 +93,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
:any-link {
|
||||||
display: block;
|
display: block;
|
||||||
padding: var(--gap-s);
|
padding: var(--gap-xs);
|
||||||
font-weight: var(--weight-emph);
|
font-weight: var(--weight-emph);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: underline dotted currentColor;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
|
|
||||||
|
&:hover, &:focus-visible {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -29,8 +29,12 @@
|
||||||
> a {
|
> a {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 var(--gap-m);
|
margin: 0 var(--gap-m);
|
||||||
text-decoration: none;
|
text-decoration: underline dotted currentColor;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
|
&:hover, &:focus-visible {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .tab {
|
> .tab {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue