Add .text-monospace util

diff --git a/docs/4.0/utilities/text.md b/docs/4.0/utilities/text.md
index 48a5d96e16b2b5750facb0dae46e6c4ccd95a562..972b90066452c62d633479bdb9519aea1fceea4e 100644 (file)
--- 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 5e169c4d978a486a76ff94b60ca21d90e3f16c93..0aa441cc996353c81e3cc667f840d314702ede11 100644 (file)
--- 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; }