Add .text-monospace util

2 files changed, 11 insertions, 0 deletions

diff --git a/docs/4.0/utilities/text.md b/docs/4.0/utilities/text.md
index 48a5d96e1..972b90066 100644
--- a/docs/4.0/utilities/text.md
+++ b/docs/4.0/utilities/text.md
@@ -81,3 +81,12 @@ Quickly change the weight (boldness) of text or italicize text.
 <p class="font-italic">Italic text.</p>
 {% endcapture %}
 {% include example.html content=example %}
+
+## Monospace
+
+Change a selection to our monospace font stack with `.text-monospace`.
+
+{% capture example %}
+<p class="font-monospace">This is in monospace</p>
+{% endcapture %}
+{% include example.html content=example %}
diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index 5e169c4d9..0aa441cc9 100644
--- a/scss/utilities/_text.scss
+++ b/scss/utilities/_text.scss
@@ -4,6 +4,8 @@
 // Text
 //
 
+.text-monospace { font-family: $font-family-monospace; }
+
 // Alignment
 
 .text-justify  { text-align: justify !important; }