render code at 100% font size irregardless of direct descension (#1525

) * render `code` at 100% font size irregardless of direct descension * Create famous-planes-dress.md
primer · Aug 5, 2021 · 06f8362 · 06f8362
1 parent f8a589f
commit 06f8362
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/.changeset/famous-planes-dress.md b/.changeset/famous-planes-dress.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Render `code` at 100% font size irregardless of direct descension from `pre`.
diff --git a/src/markdown/code.scss b/src/markdown/code.scss
@@ -19,12 +19,15 @@
   pre {
     word-wrap: normal;
 
+    code {
+      // stylelint-disable-next-line primer/typography
+      font-size: 100%;
+    }
+
     // Code tags within code blocks (<pre>s)
     > code {
       padding: 0;
       margin: 0;
-      // stylelint-disable-next-line primer/typography
-      font-size: 100%;
       word-break: normal;
       white-space: pre;
       background: transparent;