Skip to content

Commit

Permalink
Update fluid heading styles docs (#4043)
Browse files Browse the repository at this point in the history
* Update fluid heading styles docs

* Update src/pages/elements/typography/type-sets.mdx

Co-authored-by: Alison Joseph <[email protected]>

* Update copy

---------

Co-authored-by: Alison Joseph <[email protected]>
  • Loading branch information
abdonrd and alisonjoseph authored May 12, 2024
1 parent e56c41e commit 0f40a8c
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/pages/elements/typography/type-sets.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -111,13 +111,17 @@ headings are needed.

The fluid heading styles are primarily used in web pages, and are therefore part
of the expressive set of type styles. These headings are responsive and the type
styles change size at different breakpoints.
styles actually change size incrementally (almost imperceptibly) between the
different breakpoints — hence the name "fluid."

Do not use these styles inside a container. They may be used in product pages
where text sits outside of a container, and a blend of expressive and productive
type styles is desired for hierarchy and distinction. For more information, see
[Style strategies](/guidelines/typography/style-strategies).

_Note: the slider below shows the type sizes jumping abruptly between
breakpoints, which is not a good representation of the actual behavior._

<TypesetStyle typesets="fluidHeadings" breakpointControls={true} />

## Fluid display styles
Expand Down

0 comments on commit 0f40a8c

Please sign in to comment.