primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-29 00:58:31 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1295 from primer/text-utilities

Browse Source 
Adding text-semibold and text-light utility classes
This commit is contained in:
Jon Rohan 2021-04-02 08:35:54 -07:00 committed by GitHub
commit a71def926f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/polite-swans-push.md Normal file
View File

@ -0,0 +1,5 @@
---
'@primer/css': minor
---
Adding text-semibold and text-light utility classes

2
docs/content/utilities/typography.md
View File

@ -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>

4
src/utilities/typography.scss
View File

@ -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 */