ENH Improve accessibility of docs styling

src/theme/assets/scss/bootstrap/scss/_nav.scss

@@ -14,9 +14,10 @@
 .nav-link {
   display: block;
   padding: $nav-link-padding-y $nav-link-padding-x;
+  text-decoration: none;
 
   @include hover-focus {
-    text-decoration: none;
+    text-decoration: underline;
   }
 
   // Disabled state lightens text

src/theme/assets/scss/theme/_base.scss

@@ -13,6 +13,10 @@ h1, h2, h3, h4, h5, h6 {
 	font-family: 'Poppins', sans-serif;
 	color: $theme-text-color-primary;
 	font-weight: 600;
+
+	code[class*="language-"] {
+		font-size: 0.8em;
+	}
 }
 
 code {
@@ -59,9 +63,15 @@ code {
 	border-bottom-color: darken($theme-bg-light, 5%);
 }
 
-a.theme-link {
+a {
-	color: $theme-text-color-primary;
 	text-decoration: underline;
+
+	&:hover {
+		text-decoration: none;
+	}
+
+	&.theme-link {
+		color: $theme-text-color-primary;
 		-webkit-text-decoration-color: rgba($theme-text-color-primary,0.3);
 		text-decoration-color: rgba($theme-text-color-primary,0.3);
 		&:hover {
@@ -71,6 +81,11 @@ a.theme-link {
 		}
 	}
 
+	&.btn {
+		text-decoration: none;
+	}
+}
+
 .btn {
 	font-weight: 600;
 	padding: 0.6rem 1.25rem;

src/theme/assets/scss/theme/_docs.scss

@@ -172,11 +172,6 @@
 	.section-title {
 		font-size: 1rem;
 		margin-bottom: 1rem;
-		a {
-			&:hover {
-				text-decoration: none;
-			}
-		}
 	}
 	.section-items {
 		font-size: 0.875rem;
@@ -207,7 +202,6 @@
 			color: $theme-color-primary;
 			&:before {
 				background-color: $theme-color-primary;
-				
 			}
 			.theme-icon-holder {
 				color: #fff;
@@ -267,7 +261,6 @@
 				margin-bottom: 0;
 			}
 		}
-		
 	}
 
 	.anchor {
@@ -275,18 +268,6 @@
 		margin-left: 1rem;
 		opacity: 0;
 		transition: opacity .2s;
-
-		/* Force anchor link to offset header */
-		margin-top: -90px;
-		padding-top: 90px;
-
-		&:focus {
-			opacity: 1;
-
-			/* Outline behaves incorrectly due to offset, use underline instead */
-			outline: none;
-			text-decoration: underline;
-		}
 	}
 	:hover > .anchor {
 		opacity: 1;