From fea6ea692013cbf13b4d93dff1601bb0805beb73 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Thu, 1 Apr 2021 20:51:04 -0700 Subject: [PATCH] Adding text-semibold and text-light utility classes --- .changeset/polite-swans-push.md | 5 +++++ docs/content/utilities/typography.md | 2 ++ src/utilities/typography.scss | 4 +++- 3 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 .changeset/polite-swans-push.md diff --git a/.changeset/polite-swans-push.md b/.changeset/polite-swans-push.md new file mode 100644 index 00000000..e56ccc44 --- /dev/null +++ b/.changeset/polite-swans-push.md @@ -0,0 +1,5 @@ +--- +'@primer/css': minor +--- + +Adding text-semibold and text-light utility classes diff --git a/docs/content/utilities/typography.md b/docs/content/utilities/typography.md index 8c4de33e..15d29af9 100644 --- a/docs/content/utilities/typography.md +++ b/docs/content/utilities/typography.md @@ -93,6 +93,8 @@ Change the font weight, styles, and alignment with these utilities.

Normal

Italic

Bold

+

Semi-bold

+

Light

Uppercase

No wrap

Normal whitespace

diff --git a/src/utilities/typography.scss b/src/utilities/typography.scss index 0a6a26ac..dbd67449 100644 --- a/src/utilities/typography.scss +++ b/src/utilities/typography.scss @@ -191,7 +191,9 @@ /* Set the font weight to normal */ .text-normal { font-weight: $font-weight-normal !important; } /* Set the font weight to bold */ -.text-bold { font-weight: $font-weight-bold !important;} +.text-bold { font-weight: $font-weight-bold !important; } +.text-semibold { font-weight: $font-weight-semibold !important; } +.text-light { font-weight: $font-weight-light !important; } /* Set the font to italic */ .text-italic { font-style: italic !important; } /* Make text uppercase */