fix($theme-default): display header-anchor links when using keyboard …

…navigation
vuejs · Nov 12, 2020 · ddc3640 · ddc3640
1 parent 9d23812
commit ddc3640
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css
@@ -182,15 +182,22 @@ a.header-anchor {
   opacity: 0;
 }
 
+a.header-anchor:focus,
 a.header-anchor:hover {
   text-decoration: none;
 }
 
+h1:focus .header-anchor,
 h1:hover .header-anchor,
+h2:focus .header-anchor,
 h2:hover .header-anchor,
+h3:focus .header-anchor,
 h3:hover .header-anchor,
+h4:focus .header-anchor,
 h4:hover .header-anchor,
+h5:focus .header-anchor,
 h5:hover .header-anchor,
+h6:focus .header-anchor,
 h6:hover .header-anchor {
   opacity: 1;
 }