From 26da610bd03e7efe9255b2b88f14449972f7d616 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 6 Dec 2015 16:39:55 -0800 Subject: [PATCH] fixes #18433: add three new font utils --- docs/components/utilities.md | 10 ++++++++++ scss/_utilities.scss | 6 ++++++ 2 files changed, 16 insertions(+) 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.

CapiTaliZed text.

{% endexample %} +## Font weight and style + +Quickly change the weight and style of text. + +{% example html %} +

Normal text.

+

Bold text.

+

Italicized text.

+{% 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 {