From df7ab31938fce3a87266b3509b80ef5166ae9b4d Mon Sep 17 00:00:00 2001
From: Emily <emplums@github.com>
Date: Thu, 26 Apr 2018 14:32:39 -0700
Subject: [PATCH 1/3] add text-mono utility

---
 modules/primer-utilities/lib/typography.scss   | 5 +++++
 modules/primer-utilities/stories/Typography.js | 1 +
 2 files changed, 6 insertions(+)

diff --git a/modules/primer-utilities/lib/typography.scss b/modules/primer-utilities/lib/typography.scss
index f580f5967a..72f3ba9bd8 100644
--- a/modules/primer-utilities/lib/typography.scss
+++ b/modules/primer-utilities/lib/typography.scss
@@ -214,3 +214,8 @@
 .text-shadow-light {
   text-shadow: 0 1px 0 rgba($white, 0.5);
 }
+
+/* Set to monospace font */
+.text-mono {
+  font-family: $mono-font;
+}
diff --git a/modules/primer-utilities/stories/Typography.js b/modules/primer-utilities/stories/Typography.js
index d618511a9b..c29b9b053a 100644
--- a/modules/primer-utilities/stories/Typography.js
+++ b/modules/primer-utilities/stories/Typography.js
@@ -57,6 +57,7 @@ storiesOf('Typography utilities', module)
     <p className='text-emphasized'>text-emphasized</p>
     <p className='text-small'>text-small</p>
     <p className='lead'>lead</p>
+    <p className='text-mono'>text-mono</p>
   </div>
 ))
 .add('text alignment', () => (

From c4ae2ee517f6ff071cdd5076098fd7b87eeb1bcd Mon Sep 17 00:00:00 2001
From: Emily <emplums@github.com>
Date: Thu, 26 Apr 2018 14:38:17 -0700
Subject: [PATCH 2/3] update docs

---
 modules/primer-utilities/docs/typography.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/modules/primer-utilities/docs/typography.md b/modules/primer-utilities/docs/typography.md
index eb82972693..3b37f6d11c 100644
--- a/modules/primer-utilities/docs/typography.md
+++ b/modules/primer-utilities/docs/typography.md
@@ -93,6 +93,7 @@ Change the font weight, styles, and alignment with these utilities.
 <p class="text-emphasized">Emphasized</p>
 <p class="text-small">Small</p>
 <p class="lead">Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
+<p class='text-mono'>Monospace</p>
 ```
 
 ## Text alignment

From 6c3c4f988d3a644d38ace736a5142fee437f536d Mon Sep 17 00:00:00 2001
From: Emily <emplums@github.com>
Date: Mon, 30 Apr 2018 11:13:36 -0700
Subject: [PATCH 3/3] change single quotes to double

---
 modules/primer-utilities/docs/typography.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/primer-utilities/docs/typography.md b/modules/primer-utilities/docs/typography.md
index 3b37f6d11c..577b9a370a 100644
--- a/modules/primer-utilities/docs/typography.md
+++ b/modules/primer-utilities/docs/typography.md
@@ -93,7 +93,7 @@ Change the font weight, styles, and alignment with these utilities.
 <p class="text-emphasized">Emphasized</p>
 <p class="text-small">Small</p>
 <p class="lead">Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
-<p class='text-mono'>Monospace</p>
+<p class="text-mono">Monospace</p>
 ```
 
 ## Text alignment