fix: enhance link styling on hover and active states (#413)
Some checks failed
Code quality / quality (push) Failing after 5s
Build and Check / Astro Check for Node.js 22 (push) Failing after 4s
Build and Check / Astro Check for Node.js 23 (push) Failing after 4s
Build and Check / Astro Build for Node.js 22 (push) Failing after 4s
Build and Check / Astro Build for Node.js 23 (push) Failing after 5s

This commit is contained in:
Katsuyuki Karasawa
2025-04-22 23:25:58 +09:00
committed by GitHub
parent 029035736c
commit 0fe29c7aae

View File

@@ -22,9 +22,14 @@
a:not(.no-styling) { a:not(.no-styling) {
@apply relative bg-none link font-medium text-[var(--primary)] @apply relative bg-none link font-medium text-[var(--primary)]
underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4; underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
&:hover, &:active { &:hover, &:active {
@apply decoration-transparent; @apply decoration-transparent;
background: var(--btn-plain-bg-hover);
border-bottom: 1px dashed var(--link-hover);
text-decoration: none;
} }
} }