Ad-closeNN/blog-fuwari
1
0
Fork 0
mirror of https://github.com/Ad-closeNN/blog-fuwari.git synced 2026-05-31 01:00:04 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: Markdown 链接按钮效果更改

Browse Source
This commit is contained in:
Ad-closeNN
2026-03-01 16:54:13 +08:00
parent 769a0a99fa
commit 96d323cda5
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/markdown.css
+8 -7
View File
@@ -41,16 +41,17 @@
}
a:not(.no-styling) {
@apply relative bg-none transition rounded-md p-1 -m-1 font-medium text-[var(--primary)] before:ease-out before:transition active:bg-none hover:before:bg-[var(--btn-plain-bg-hover)] active:before:bg-[var(--btn-plain-bg-active)] z-0 before:absolute before:rounded-[inherit] before:inset-0 before:scale-[0.85] hover:before:scale-100 before:-z-10 underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4;
@apply relative bg-none transition p-1 -m-1 font-medium text-[var(--primary)] z-0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
&::after {
content: "";
@apply absolute bottom-0 left-0 w-full h-[2px] bg-[var(--primary)] transition-opacity duration-300 ease-in-out opacity-0;
}
&:hover,
&:active {
@apply decoration-transparent;
background: var(--btn-plain-bg-hover);
border-bottom: 1px dashed var(--link-hover);
text-decoration: none;
&:hover::after {
@apply opacity-100;
}
}