_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 <jamal@golang.org>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
Reviewed-by: Prudhvi Krishna Chintala <prudhvikrishna@google.com>
Auto-Submit: Jamal Carvalho <jamal@golang.org>
diff --git a/_content/css/styles.css b/_content/css/styles.css
index 440509d..3ac30ee 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -269,7 +269,8 @@
color: var(--color-text-link);
text-decoration: none;
}
-a:hover {
+a:hover,
+a:focus {
text-decoration: underline;
}
.Site {
@@ -978,6 +979,9 @@
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 @@
display: flex;
font-size: 0.875rem;
text-decoration: none;
+ &:hover,
+ &:focus {
+ text-decoration: underline;
+ }
}
.WhyGo-reasonPackages {
color: var(--color-text);
@@ -2961,6 +2969,9 @@
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 @@
border: var(--border);
border-radius: 0.25rem;
}
-.MarketingCard a:hover {
+.MarketingCard a:hover,
+.MarketingCard a:focus {
text-decoration: none;
}
.MarketingCard-section {