From 185666fd79804efe11e2ed7b993fb38f5a7be612 Mon Sep 17 00:00:00 2001 From: Mark Otto <markdotto@gmail.com> Date: Sat, 31 Mar 2018 21:04:54 -0700 Subject: [PATCH] Add .text-monospace util --- docs/4.0/utilities/text.md | 9 +++++++++ scss/utilities/_text.scss | 2 ++ 2 files changed, 11 insertions(+) diff --git a/docs/4.0/utilities/text.md b/docs/4.0/utilities/text.md index 48a5d96e16..972b900664 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 5e169c4d97..0aa441cc99 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; } -- GitLab