From 2f13db1f012c1aa677cff3b79b56d100d750bc8e Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Fri, 1 May 2020 15:07:27 -0400
Subject: [PATCH] Make code font size dynamic

---
 _sass/base.scss            | 2 +-
 docs/ui-components/code.md | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/_sass/base.scss b/_sass/base.scss
index 839fa0d..99402c8 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -86,7 +86,7 @@ a:not([class]) {
 
 code {
   font-family: $mono-font-family;
-  font-size: 12px;
+  font-size: 0.75em;
   line-height: $body-line-height;
 }
 
diff --git a/docs/ui-components/code.md b/docs/ui-components/code.md
index 74fbdf9..e53a90d 100644
--- a/docs/ui-components/code.md
+++ b/docs/ui-components/code.md
@@ -22,9 +22,14 @@ Code can be rendered inline by wrapping it in single back ticks.
 
 <div class="code-example" markdown="1">
 Lorem ipsum dolor sit amet, `<inline code snippet>` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+## Heading with `<inline code snippet>` in it.
+{: .no_toc }
 </div>
 ```markdown
 Lorem ipsum dolor sit amet, `<inline code snippet>` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+## Heading with `<inline code snippet>` in it.
 ```
 
 ---