From 864bc6378a3e012d3dbff0d1d4ad414c26c4fa90 Mon Sep 17 00:00:00 2001 From: Andrew Patton Date: Thu, 5 Dec 2024 09:56:01 -0800 Subject: [PATCH] Split out link underline thickness for Safari compatibility MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Safari doesn’t support specifying text-decoration-thickness in the text-decoration shorthand: https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration#browser_compatibility --- src/css/custom.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index e8e1f6f1..a382d3fb 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -75,6 +75,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line { a { --ifm-link-color: var(--ifm-color-content); text-decoration-skip-ink: none; + text-decoration-thickness: var(--ifm-link-decoration-thickness); } a:hover, @@ -86,8 +87,9 @@ a:hover, } article a { - --ifm-link-decoration: underline 3px solid var(--ifm-color-primary); - --ifm-link-hover-decoration: underline 3px solid var(--ifm-color-primary); + --ifm-link-decoration: underline solid var(--ifm-color-primary); + --ifm-link-decoration-thickness: 3px; + --ifm-link-hover-decoration: underline solid var(--ifm-color-primary); } article div { @@ -102,7 +104,8 @@ article div { .navbar__link:hover, .navbar__brand:hover { color: inherit; - text-decoration: underline 3px solid var(--ifm-color-primary) !important; + text-decoration: underline solid var(--ifm-color-primary) !important; + text-decoration-thickness: 3px !important; } .navbar__title {