aboutsummaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authorStephen Kraus <8003332+stephenmk@users.noreply.github.com>2024-02-02 22:53:54 -0600
committerGitHub <noreply@github.com>2024-02-03 04:53:54 +0000
commit16423a1bc89d8a0e6439c8d3f7441fd3d36e85df (patch)
treef92eecf87faa88aa061baf4b81f5f8212810664d /ext/css
parent97c5c741137ecc363630c58797901f1eb829c1bb (diff)
Replace `text-decoration` with `bottom-border` in links with ruby text (#595)
* Replace text-decoration with bottom-border for links with ruby text * Calculate style sizes based upon current font size --------- Co-authored-by: stephenmk <stephenmk@users.noreply.github.com>
Diffstat (limited to 'ext/css')
-rw-r--r--ext/css/display.css6
1 files changed, 6 insertions, 0 deletions
diff --git a/ext/css/display.css b/ext/css/display.css
index 9a3642ac..ca91a470 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -288,6 +288,12 @@ a {
color: var(--link-color);
text-decoration: underline;
cursor: pointer;
+ text-underline-offset: calc(4em / var(--font-size-no-units));
+ text-decoration-thickness: calc(1em / var(--font-size-no-units));
+}
+a:has(rt) {
+ text-decoration: none;
+ border-bottom: solid calc(1em / var(--font-size-no-units)) var(--link-color);
}