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