From d1a0af8b24c09d5558cba0e65c34d1f1292e6085 Mon Sep 17 00:00:00 2001 From: Chris Rebert <code@chrisrebert.com> Date: Sun, 6 Dec 2015 17:43:25 -0800 Subject: [PATCH] Tweak naming and docs of font utility classes * `.font-normal` is too generic. Rename it to `.font-weight-normal` for clarity. * Rename `.font-bold` to `.font-weight-bold` so as to parallel `.font-weight-normal`. * In docs, gloss "weight" term in relation to fonts for the benefit of non-typographiles. Refs #18433 [skip sauce] --- docs/components/utilities.md | 8 ++++---- scss/_utilities.scss | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/components/utilities.md b/docs/components/utilities.md index c73db767fa..940219263a 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -121,13 +121,13 @@ Transform text in components with text capitalization classes. <p class="text-capitalize">CapiTaliZed text.</p> {% endexample %} -## Font weight and style +## Font weight and italics -Quickly change the weight and style of text. +Quickly change the weight (boldness) of text or italicize text. {% example html %} -<p class="font-normal">Normal text.</p> -<p class="font-bold">Bold text.</p> +<p class="font-weight-bold">Bold text.</p> +<p class="font-weight-normal">Normal weight text.</p> <p class="font-italic">Italicized text.</p> {% endexample %} diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 78265a31fe..520666ec1d 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -74,9 +74,9 @@ // Weight and italics -.font-normal { font-weight: normal; } -.font-bold { font-weight: bold; } -.font-italic { font-style: italic; } +.font-weight-normal { font-weight: normal; } +.font-weight-bold { font-weight: bold; } +.font-italic { font-style: italic; } // Contextual colors -- GitLab