style: add underline offset to links

Co-authored-by: Lehoczky Zoltán <[email protected]>
vuejs · Aug 6, 2023 · 8ff93e5 · 8ff93e5
1 parent d818874
commit 8ff93e5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/client/theme-default/styles/components/custom-block.css b/src/client/theme-default/styles/components/custom-block.css
@@ -85,11 +85,11 @@
   color: inherit;
   font-weight: 600;
   text-decoration: underline dotted;
+  text-underline-offset: 2px;
   transition: opacity 0.25s;
 }
 
 .custom-block a:hover {
-  text-decoration: underline dotted;
   opacity: 0.75;
 }
 

diff --git a/src/client/theme-default/styles/components/vp-doc.css b/src/client/theme-default/styles/components/vp-doc.css
@@ -113,6 +113,7 @@
 
 .vp-doc a:hover {
   text-decoration: underline dotted;
+  text-underline-offset: 2px;
 }
 
 .vp-doc strong {
@@ -216,10 +217,6 @@
   font-weight: 600;
 }
 
-.vp-doc .custom-block a:hover {
-  text-decoration: underline dotted;
-}
-
 .vp-doc .custom-block code {
   font-size: var(--vp-custom-block-code-font-size);
   font-weight: 700;