Files
Portfolio-2026/css/a11y.css
2026-05-27 09:58:09 +02:00

70 lines
1.6 KiB
CSS

*, a, span, li {
line-height: var(--line-loose);
letter-spacing: 0.12em;
word-spacing: 0.16em;
}
a {
line-height: var(--line-loose);
letter-spacing: 0.12em;
word-spacing: 0.16em;
}
p, ul, ol, li {
margin: 1.6em 0 3.2em 0;
}
button, .button-primary, .button-secondary, .menu-button, .logo {
line-height: var(--line-loose);
letter-spacing: 0.12em;
word-spacing: 0.16em;
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}
button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover {
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}
button:active, .button-primary:active, .button-secondary:active, .logo:active {
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}
.menu-button:hover,
.desktop-nav a[aria-current="page"]:hover,
.mobile-menu a[aria-current="page"]:hover {
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}
.menu-button:active,
.desktop-nav a[aria-current="page"]:active,
.mobile-menu a[aria-current="page"]:active,
.desktop-nav a[aria-current="page"],
.mobile-menu a[aria-current="page"] {
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}
.menu-button:active,
.desktop-nav a[aria-current="page"]:active,
.mobile-menu a[aria-current="page"]:active {
text-decoration: underline;
text-underline-offset: 0.175rem;
text-decoration-thickness: 0.075rem;
transition: 0.2s;
}