Skip to content

Commit 1a8e7db

Browse files
reeceatkinsontobiasahlinjonrohan
authored
Update Marketing Typography (marketing-type.md) (#2220)
* 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 <tobiasahlin@github.com> Co-authored-by: Jon Rohan <yes@jonrohan.codes>
1 parent 6205337 commit 1a8e7db

File tree

2 files changed

+13
-8
lines changed

2 files changed

+13
-8
lines changed

.changeset/fuzzy-cows-drum.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/css": patch
3+
---
4+
5+
Update Marketing Typography (marketing-type.md)

docs/content/utilities/marketing-type.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,20 @@ source: 'https://github.com/primer/css/tree/main/src/marketing/type'
66
bundle: marketing-type
77
---
88

9-
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).
9+
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).
1010

1111
## Heading utilities
1212

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

1515
```html live title="Heading Utilities"
16-
<p class="h0-mktg">This is a heading 0</p>
17-
<p class="h1-mktg">This is a heading 1</p>
18-
<p class="h2-mktg">This is a heading 2</p>
19-
<p class="h3-mktg">This is a heading 3</p>
20-
<p class="h4-mktg">This is a heading 4</p>
21-
<p class="h5-mktg">This is a heading 5</p>
22-
<p class="h6-mktg">This is a heading 6</p>
16+
<p class="h0-mktg">This is heading 0</p>
17+
<p class="h1-mktg">This is heading 1</p>
18+
<p class="h2-mktg">This is heading 2</p>
19+
<p class="h3-mktg">This is heading 3</p>
20+
<p class="h4-mktg">This is heading 4</p>
21+
<p class="h5-mktg">This is heading 5</p>
22+
<p class="h6-mktg">This is heading 6</p>
2323
```
2424

2525
## Body content utilities

0 commit comments

Comments
 (0)