diff options
| author | Stephen Kraus <8003332+stephenmk@users.noreply.github.com> | 2024-02-02 22:53:54 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-03 04:53:54 +0000 |
| commit | 16423a1bc89d8a0e6439c8d3f7441fd3d36e85df (patch) | |
| tree | f92eecf87faa88aa061baf4b81f5f8212810664d /ext/css/display.css | |
| parent | 97c5c741137ecc363630c58797901f1eb829c1bb (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/display.css')
| -rw-r--r-- | ext/css/display.css | 6 |
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); } |