diff options
| author | Mark Otto <[email protected]> | 2015-12-06 16:39:55 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-12-06 16:39:55 -0800 |
| commit | 26da610bd03e7efe9255b2b88f14449972f7d616 (patch) | |
| tree | e6ff2903e275aa156bc83eb7cd1bc70961be1e5d | |
| parent | db0f2df59c0aaab6d3d333bde0e2802cad4ab19c (diff) | |
| download | bootstrap-26da610bd03e7efe9255b2b88f14449972f7d616.tar.xz bootstrap-26da610bd03e7efe9255b2b88f14449972f7d616.zip | |
fixes #18433: add three new font utils
| -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 { |