tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

Add `font-stretch` utilities

Open Gregory-Gerard opened this issue 7 months ago • 0 comments

Hey there!

First-time contributor to Tailwind CSS, if there's anything specific you'd like me to adjust or if you have any questions, please don't hesitate to let me know.

Goal

I've added the .stretch-* classes to manage the font-stretch property. This addition is approximately 96% compatible overall, as per the information available on caniuse.com.

Stretch should allow percentage value or any config value. I've relied on the fontWeight property for this new feature. I hesitated between adding statics utilities or the version I sent, but I think that being able to use arbitrary values and extend configurations is interesting because this property accepts percentage values in addition to global values.

I found myself deliberating between using font-stretch and simply stretch. I would appreciate your guidance on which option is more suitable for this.

Documentation

Additional documentation of font-stretch property on MDN

If this feature is accepted, I could also take care of creating the corresponding documentation in https://github.com/tailwindlabs/tailwindcss.com.

Related discussions

https://github.com/tailwindlabs/tailwindcss/discussions/10156 https://github.com/tailwindlabs/tailwindcss/discussions/5686 https://github.com/tailwindlabs/tailwindcss/discussions/8324

Gregory-Gerard avatar Oct 09 '23 21:10 Gregory-Gerard