Adding text-semibold and text-light utility classes

primer · Apr 2, 2021 · fea6ea6 · fea6ea6
1 parent 565f550
commit fea6ea6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/polite-swans-push.md 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
@@ -93,6 +93,8 @@ Change the font weight, styles, and alignment with these utilities.
 <p class="text-normal">Normal</p>
 <p class="text-italic">Italic</p>
 <p class="text-bold">Bold</p>
+<p class="text-semibold">Semi-bold</p>
+<p class="text-light">Light</p>
 <p class="text-uppercase">Uppercase</p>
 <p class="no-wrap">No wrap</p>
 <p class="ws-normal">Normal whitespace</p>

diff --git 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 */