From 60cac895de08ca800e7c504d452f3fd9bd55381e Mon Sep 17 00:00:00 2001 From: prudhvikrishna Date: Tue, 27 Jun 2023 11:50:41 -0700 Subject: [PATCH] _content: fix for links to have underline on keyboard focus Change-Id: I373e92ffe1f245eb0bd5b696d9885fe290f1b326 Reviewed-on: https://go-review.googlesource.com/c/website/+/506676 Run-TryBot: Jamal Carvalho Reviewed-by: Jamal Carvalho TryBot-Result: Gopher Robot Reviewed-by: Prudhvi Krishna Chintala Auto-Submit: Jamal Carvalho --- _content/css/styles.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/_content/css/styles.css b/_content/css/styles.css index 440509d2..3ac30ee8 100644 --- a/_content/css/styles.css +++ b/_content/css/styles.css @@ -269,7 +269,8 @@ a:visited { color: var(--color-text-link); text-decoration: none; } -a:hover { +a:hover, +a:focus { text-decoration: underline; } .Site { @@ -978,6 +979,9 @@ h1 + h2.subtitle { a.BreadcrumbNav-link { font-size: 0.875rem; text-decoration: none; + &:hover, &:focus { + text-decoration: underline; + } } .BreadcrumbNav-li:last-child { padding-right: 0.812rem; @@ -1912,6 +1916,10 @@ a.WhoUsesCaseStudy-librariesViewMoreLink { display: flex; font-size: 0.875rem; text-decoration: none; + &:hover, + &:focus { + text-decoration: underline; + } } .WhyGo-reasonPackages { color: var(--color-text); @@ -2961,6 +2969,9 @@ a.WhoUsesCaseStudy-librariesViewMoreLink { display: flex; margin-top: 1rem; text-decoration: none; + &:hover, &:focus { + text-decoration: underline; + } } .Solutions-headlineBody a i, .WhyGo-reasonLearnMoreLink a i, @@ -3073,7 +3084,8 @@ a.WhoUsesCaseStudy-librariesViewMoreLink { border: var(--border); border-radius: 0.25rem; } -.MarketingCard a:hover { +.MarketingCard a:hover, +.MarketingCard a:focus { text-decoration: none; } .MarketingCard-section {