diff --git a/docs/public/catalog/components/text-stagger.json b/docs/public/catalog/components/text-stagger.json index ebe12b9a0..70eaae8c0 100644 --- a/docs/public/catalog/components/text-stagger.json +++ b/docs/public/catalog/components/text-stagger.json @@ -1 +1 @@ -{"html":"\n\n \n \n \n Text Stagger - Demo\n \n \n \n \n \n
\n
text-stagger
\n
\n Build\n motion\n systems\n fast\n
\n
\n \n \n \n\n"} \ No newline at end of file +{"html":"\n\n \n \n \n Text Stagger - Demo\n \n \n \n \n \n
\n
text-stagger
\n
\n Build\n motion\n systems\n fast\n
\n
\n \n \n \n\n"} \ No newline at end of file diff --git a/registry/components/text-stagger/demo.html b/registry/components/text-stagger/demo.html index 2309d4395..330f11c8b 100644 --- a/registry/components/text-stagger/demo.html +++ b/registry/components/text-stagger/demo.html @@ -28,8 +28,8 @@ display: grid; place-items: center; gap: 28px; - /* ponytail: scale on non-GSAP wrapper; text was ~7% frame height, now fills ~55% */ - transform: scale(2.6); + /* Scale the non-GSAP wrapper while keeping the full phrase inside the frame. */ + transform: scale(1.9); transform-origin: center center; } .demo-label { @@ -37,7 +37,7 @@ font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; - color: #a1a1aa; + color: #737379; } .hf-transition-text-stagger { display: flex;