Restyle code elements in links (#21392)

* Restyle code elements in links

Fixes #21259. Removes the background, color, and padding on code elements within anchors.

* Update _code.scss

diff --git a/scss/_code.scss b/scss/_code.scss
index ea660bcdbfda17800f671558acdafc9816f5cebd..759da15b791e70d7f7f9e8f9ea8877e2449a74a1 100644 (file)
--- a/scss/_code.scss
+++ b/scss/_code.scss
@@ -13,6 +13,13 @@ code {
   color: $code-color;
   background-color: $code-bg;
   @include border-radius($border-radius);
+
+  // Streamline the style when inside anchors to avoid broken underline and more
+  a > & {
+    padding: 0;
+    color: inherit;
+    background-color: inherit;
+  }
 }
 
 // User input typically entered via keyboard