Spaces:
Running
Running
Style .mindx-link in colophon
Browse files
style.css
CHANGED
|
@@ -555,6 +555,26 @@
|
|
| 555 |
font-size: 13px;
|
| 556 |
color: var(--sage);
|
| 557 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 558 |
|
| 559 |
/* ========= Responsive ========= */
|
| 560 |
@media (max-width: 900px) {
|
|
|
|
| 555 |
font-size: 13px;
|
| 556 |
color: var(--sage);
|
| 557 |
}
|
| 558 |
+
.colophon .mindx-link {
|
| 559 |
+
margin-left: auto;
|
| 560 |
+
font-family: var(--mono);
|
| 561 |
+
font-size: 12px;
|
| 562 |
+
color: var(--mushroom);
|
| 563 |
+
text-decoration: none;
|
| 564 |
+
letter-spacing: 0.02em;
|
| 565 |
+
padding-bottom: 2px;
|
| 566 |
+
border-bottom: 1px dotted rgba(122, 114, 97, 0.35);
|
| 567 |
+
transition: color 0.2s ease, border-color 0.2s ease;
|
| 568 |
+
}
|
| 569 |
+
.colophon .mindx-link:hover {
|
| 570 |
+
color: var(--butternut);
|
| 571 |
+
border-bottom-color: var(--butternut);
|
| 572 |
+
}
|
| 573 |
+
.colophon .mindx-link:focus-visible {
|
| 574 |
+
outline: 2px solid var(--butternut);
|
| 575 |
+
outline-offset: 3px;
|
| 576 |
+
border-radius: 2px;
|
| 577 |
+
}
|
| 578 |
|
| 579 |
/* ========= Responsive ========= */
|
| 580 |
@media (max-width: 900px) {
|