Skip to content

Commit

Permalink
Update Marketing Typography (marketing-type.md) (#2220)
Browse files Browse the repository at this point in the history
* Update Marketing Typography (marketing-type.md)

Changed a description so it made more sense, changed heading text to make it more useful.

* Create fuzzy-cows-drum.md

Co-authored-by: Tobias Ahlin <[email protected]>
Co-authored-by: Jon Rohan <[email protected]>
  • Loading branch information
3 people authored Aug 30, 2022
1 parent 6205337 commit 1a8e7db
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 8 deletions.
5 changes: 5 additions & 0 deletions .changeset/fuzzy-cows-drum.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@primer/css": patch
---

Update Marketing Typography (marketing-type.md)
16 changes: 8 additions & 8 deletions docs/content/utilities/marketing-type.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,20 @@ source: 'https://github.com/primer/css/tree/main/src/marketing/type'
bundle: marketing-type
---

The typography for our marketing pages differs from Primer CSS's core—it is responsive, on a slightly different scale, and headlines are set in the [defined marketing font](https://github.com/primer/css/blob/main/src/marketing/support/variables.scss).
The typography for our marketing pages differs from Primer CSS's core. It is responsive, on a slightly different scale, and headlines are set in the [defined marketing font](https://github.com/primer/css/blob/main/src/marketing/support/variables.scss).

## Heading utilities

Use `.h0-mktg``.h6-mktg` to change an element's font, size, and weight on marketing pages.

```html live title="Heading Utilities"
<p class="h0-mktg">This is a heading 0</p>
<p class="h1-mktg">This is a heading 1</p>
<p class="h2-mktg">This is a heading 2</p>
<p class="h3-mktg">This is a heading 3</p>
<p class="h4-mktg">This is a heading 4</p>
<p class="h5-mktg">This is a heading 5</p>
<p class="h6-mktg">This is a heading 6</p>
<p class="h0-mktg">This is heading 0</p>
<p class="h1-mktg">This is heading 1</p>
<p class="h2-mktg">This is heading 2</p>
<p class="h3-mktg">This is heading 3</p>
<p class="h4-mktg">This is heading 4</p>
<p class="h5-mktg">This is heading 5</p>
<p class="h6-mktg">This is heading 6</p>
```

## Body content utilities
Expand Down

0 comments on commit 1a8e7db

Please sign in to comment.