style: add underline offset to links

brc-dd · Lehoczky · brc-dd · commit 8ff93e5fd84a · 2023-08-06T15:55:59.000+05:30
Co-authored-by: Lehoczky Zoltán &lt;ifjlehoczkyzoltan@gmail.com&gt;
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;

Original file line number	Diff line number	Diff line change
`@@ -85,11 +85,11 @@`
`85`	`85`	`color: inherit;`
`86`	`86`	`font-weight: 600;`
`87`	`87`	`text-decoration: underline dotted;`
	`88`	`+ text-underline-offset: 2px;`
`88`	`89`	`transition: opacity 0.25s;`
`89`	`90`	`}`
`90`	`91`
`91`	`92`	`.custom-block a:hover {`
`92`		`- text-decoration: underline dotted;`
`93`	`93`	`opacity: 0.75;`
`94`	`94`	`}`
`95`	`95`