diff options
| -rw-r--r-- | docs/components/utilities.md | 8 | ||||
| -rw-r--r-- | scss/_utilities.scss | 6 |
2 files changed, 7 insertions, 7 deletions
diff --git a/docs/components/utilities.md b/docs/components/utilities.md index c73db767f..940219263 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 78265a31f..520666ec1 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 |