From 16423a1bc89d8a0e6439c8d3f7441fd3d36e85df Mon Sep 17 00:00:00 2001 From: Stephen Kraus <8003332+stephenmk@users.noreply.github.com> Date: Fri, 2 Feb 2024 22:53:54 -0600 Subject: 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 --- ext/css/display.css | 6 ++++++ 1 file changed, 6 insertions(+) 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); } -- cgit v1.2.3