From de9bccea09887f4ca905b5e2d7d7a6947db4018f Mon Sep 17 00:00:00 2001 From: Paul Jaffre Date: Wed, 23 Aug 2023 17:39:36 -0400 Subject: [PATCH 1/3] add underline styles to admonition content --- src/css/markdown.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/css/markdown.scss b/src/css/markdown.scss index e32d1143a1..63ab690435 100644 --- a/src/css/markdown.scss +++ b/src/css/markdown.scss @@ -36,6 +36,16 @@ div.markdown { // add border bottom to code tags that are in a link a:has(> code) { border-bottom: 1px dotted var(--ifm-link-color); + + &:hover { + border-bottom: 1px solid var(--ifm-link-color); + } + } + + // ensure text links in admonitions have underline + .alert a { + border-bottom: 1px dotted var(--ifm-link-color); + &:hover { border-bottom: 1px solid var(--ifm-link-color); } From fd50227da38a42494fd0d2c7c182c1529571f064 Mon Sep 17 00:00:00 2001 From: Paul Jaffre Date: Thu, 24 Aug 2023 13:25:50 -0400 Subject: [PATCH 2/3] add hover underline on smaller breakpoints --- src/css/markdown.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/css/markdown.scss b/src/css/markdown.scss index 63ab690435..47560cb5f6 100644 --- a/src/css/markdown.scss +++ b/src/css/markdown.scss @@ -81,11 +81,19 @@ div.markdown { @media screen and (max-width: 1024px) and (orientation: landscape) { a { border-bottom: 1px dotted var(--ifm-link-color); + + &:hover { + border-bottom: 1px solid var(--ifm-link-color); + } } } @media screen and (max-width: 1024px) and (orientation: portrait) { a { border-bottom: 1px dotted var(--ifm-link-color); + + &:hover { + border-bottom: 1px solid var(--ifm-link-color); + } } } } From 05fedf5196defa4c6f8f28fefd0826d31c0f4e4b Mon Sep 17 00:00:00 2001 From: Paul Jaffre Date: Thu, 24 Aug 2023 13:31:54 -0400 Subject: [PATCH 3/3] adjust hue & transparency of `code` so dotted underline shows through --- src/css/custom.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/css/custom.scss b/src/css/custom.scss index c1ad226a58..ccafe9524f 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -111,6 +111,9 @@ html[data-theme='light'] { --ifm-link-color: var(--cypress-color-indigo-500); --ifm-toc-border-color: var(--ifm-color-gray-100); + + // adjust hue & transparency of `code` so dotted underline shows through in light mode + --ifm-code-background: #dadada33; } html[data-theme='dark'] {