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 839fa0d1..99402c8c 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 74fbdf9d..e53a90de 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.
```
---
--
GitLab