From: Mark Otto <markdotto@gmail.com>
Date: Mon, 7 Dec 2015 00:39:55 +0000 (-0800)
Subject: fixes #18433: add three new font utils
X-Git-Tag: v4.0.0-alpha.2~50
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=26da610bd03e7efe9255b2b88f14449972f7d616;p=thirdparty%2Fbootstrap.git

fixes #18433: add three new font utils
---

diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 693053a728..c73db767fa 100644
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -121,6 +121,16 @@ Transform text in components with text capitalization classes.
 <p class="text-capitalize">CapiTaliZed text.</p>
 {% endexample %}
 
+## Font weight and style
+
+Quickly change the weight and style of text.
+
+{% example html %}
+<p class="font-normal">Normal text.</p>
+<p class="font-bold">Bold text.</p>
+<p class="font-italic">Italicized text.</p>
+{% endexample %}
+
 ## Contextual colors and backgrounds
 
 Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 7c67b90956..25ace532cf 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -72,6 +72,12 @@
 .text-uppercase      { text-transform: uppercase !important; }
 .text-capitalize     { text-transform: capitalize !important; }
 
+// Weight
+
+.font-normal  { font-weight: normal; }
+.font-bold    { font-weight: bold; }
+.font-italic  { font-style: normal; }
+
 // Contextual colors
 
 .text-muted {