Make links look better

This commit is contained in:
Tanner
2026-09-24 00:42:02 +00:00
parent 3ad2c47bb3
commit 428398820c
+10 -2
View File
@@ -54,7 +54,10 @@ body {
} }
a { a {
color: var(--ink); color: var(--ink);
text-decoration: underline; text-decoration-line: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.15em;
text-decoration-skip-ink: auto;
} }
a.external { a.external {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A"); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
@@ -96,13 +99,15 @@ header {
color: #fff; color: #fff;
white-space: nowrap; white-space: nowrap;
text-decoration: none; text-decoration: none;
border-bottom: none;
text-transform: uppercase; text-transform: uppercase;
font: font:
300 24px/1 "Yanone Kaffeesatz", 300 24px/1 "Yanone Kaffeesatz",
sans-serif; sans-serif;
} }
.nav a:hover { .nav a:hover {
text-decoration: underline; text-decoration-line: underline;
text-decoration-thickness: 0.08em;
} }
.nav a.external, .nav a.external,
.footer-links a.external { .footer-links a.external {
@@ -244,6 +249,8 @@ footer {
} }
footer a { footer a {
color: #fff; color: #fff;
border-bottom: none;
text-decoration: none;
} }
footer p { footer p {
text-align: center; text-align: center;
@@ -308,6 +315,7 @@ footer p {
.area-card { .area-card {
position: relative; position: relative;
display: block; display: block;
border-bottom: none;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
overflow: hidden; overflow: hidden;
color: #fff; color: #fff;