Adam Argyle @nerdy.dev · Dec 5

Fit width text in 1 line of CSS `text-grow: per-line scale;` nerdy.dev/css-text-grow (prototype in Canary 165+)

332 likes 14 replies

?

Replies

Nmn · Dec 5

So like the titles on nmn.sh but without SVG and manual ratio calculations? That would be nice. I also like that it can re-flow text unlike the trick by Kizu with nested containers.

Zach Leatherman · Dec 5

this was one of my very first jquery plugins! absolutely love that it’s making it into CSS!

Bill Criswell · Dec 5

OK

Rik Schennink · Dec 5

Finally time to put Fitty to rest rikschennink.github.io/fitty/

John Allsopp · Dec 5

Want!

Boğaç Güven · Dec 5

You mean Canary 145+?

Danny Engelman 🌷🏍️🛥️ · Dec 5

Until then... <fit-text>Hello Web Components</fit-text> fit-text.github.io 566 Bytes gzipped

Sam Rose · Dec 5

I need this 🤩

Dean Leigh · Dec 5

Can we set the maximum number of characters per line length?. Do you have any links to the spec please?

Marisa · Dec 6

there's an art project in here somewhere, i can feel it

Fatih Altinok · Dec 6

Is this a CSS standard?

Cassidy · Dec 5

AT LAST

Not A Sload · Dec 6

What real-word application would this have? I can see it working with a design where static text elements need to fit an entire space relative to the design. Which is huge. Anything else? I’m not creative.

Ale Muñoz · Dec 6

Does this play nicely with developer.mozilla.org/en-US/docs/W... ? (Please say it does 🤞)