From cf67c950789685a2686f777e006996c179c48d46 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Abd=C3=B3n=20Rodr=C3=ADguez?= Date: Mon, 29 Apr 2024 15:06:32 -0400 Subject: [PATCH 1/3] Update fluid heading styles docs --- src/pages/elements/typography/type-sets.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/elements/typography/type-sets.mdx b/src/pages/elements/typography/type-sets.mdx index 5eb00230a24..8d2e3d68b0e 100644 --- a/src/pages/elements/typography/type-sets.mdx +++ b/src/pages/elements/typography/type-sets.mdx @@ -111,7 +111,7 @@ 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 change based on the viewport width. 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 From edb0d689e8ea224b0768444ab9a4c63ffb5c9999 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Abd=C3=B3n=20Rodr=C3=ADguez?= Date: Mon, 6 May 2024 08:53:45 -0400 Subject: [PATCH 2/3] Update src/pages/elements/typography/type-sets.mdx Co-authored-by: Alison Joseph --- src/pages/elements/typography/type-sets.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/elements/typography/type-sets.mdx b/src/pages/elements/typography/type-sets.mdx index 8d2e3d68b0e..8269813fa2d 100644 --- a/src/pages/elements/typography/type-sets.mdx +++ b/src/pages/elements/typography/type-sets.mdx @@ -111,7 +111,7 @@ 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 based on the viewport width. +styles change size between the different breakpoints, based on the viewport width. 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 From d4d9d44b061b3703e7e482e9cf14d709b02ee750 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Abdo=CC=81n=20Rodri=CC=81guez?= Date: Mon, 6 May 2024 10:40:45 -0400 Subject: [PATCH 3/3] Update copy --- src/pages/elements/typography/type-sets.mdx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/pages/elements/typography/type-sets.mdx b/src/pages/elements/typography/type-sets.mdx index 8269813fa2d..d8d81aab95e 100644 --- a/src/pages/elements/typography/type-sets.mdx +++ b/src/pages/elements/typography/type-sets.mdx @@ -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 between the different breakpoints, based on the viewport width. +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._ + ## Fluid display styles