diff options
| -rw-r--r-- | docs/components/utilities.md | 10 | ||||
| -rw-r--r-- | scss/_utilities.scss | 6 |
2 files changed, 16 insertions, 0 deletions
diff --git a/docs/components/utilities.md b/docs/components/utilities.md index 693053a72..c73db767f 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 7c67b9095..25ace532c 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 { |