Clamp link underline to max 4px

rouilj · rouilj · commit f74a7a8412d8 · 2023-07-04T20:27:51.000-04:00
Clamp link underline between 1 and 4px. For headers the underline was
6+px and was intersecting the letterforms when the header line
wrapped.
diff --git a/doc/_static/style.css b/doc/_static/style.css
@@ -178,7 +178,7 @@ div[class^=highlight-], div[class^=highlight-] * { width:
 
 :link { color: rgb(220,0,0); text-decoration: none;}
 :link:hover {
-    text-decoration: underline solid .3ex;
+    text-decoration: underline solid clamp(1px, .3ex, 4px);
     text-underline-position: under;
 }
 :visited { color: rgb(200,0,0); text-decoration: none;}
diff --git a/website/www/_static/style.css b/website/www/_static/style.css
@@ -178,7 +178,7 @@ div[class^=highlight-], div[class^=highlight-] * { width:
 
 :link { color: rgb(220,0,0); text-decoration: none;}
 :link:hover {
-    text-decoration: underline solid .3ex;
+    text-decoration: underline solid clamp(1px, .3ex, 4px);
     text-underline-position: under;
 }
 :visited { color: rgb(200,0,0); text-decoration: none;}

Original file line number	Diff line number	Diff line change
`@@ -178,7 +178,7 @@ div[class^=highlight-], div[class^=highlight-] * { width:`
`178`	`178`
`179`	`179`	`:link { color: rgb(220,0,0); text-decoration: none;}`
`180`	`180`	`:link:hover {`
`181`		`- text-decoration: underline solid .3ex;`
	`181`	`+ text-decoration: underline solid clamp(1px, .3ex, 4px);`
`182`	`182`	`text-underline-position: under;`
`183`	`183`	`}`
`184`	`184`	`:visited { color: rgb(200,0,0); text-decoration: none;}`