Make links look better
This commit is contained in:
+10
-2
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user