Exploring New features in Tailwind Version 3.3
Hey there,
I hope you're doing great.
Tailwind CSS released a new version, v3.3, with more awesome features and capabilities.
Today I will share with you a list of the new features in Tailwind CSS V3.3 and their CSS counterparts that will explore in the coming issue.
Let's dive right in!
Padding:
padding-inline-start ~
ps-*
padding-inline-end ~
pe-*
Margin:
margin-inline-start ~
ms-*
margin-inline-end ~
me-*
Border:
border-inline-start-color ~
border-s-*
border-inline-end-color ~
border-e-*
border-inline-start-width ~
border-s-*
border-inline-end-width ~
border-e-*
Scroll-margin:
scroll-margin-inline-start ~
scroll-ms-*
scroll-margin-inline-end ~
scroll-me-*
Scroll-padding:
scroll-padding-inline-start ~
scroll-ps-*
scroll-padding-inline-end ~
scroll-pe-*
Gradients:
gradient color stop positions
Font-size and line-height shorthand
Line-clamp
The above are the features that will be looked at in our next issue. They will be accompanied by links to Tailwind Playground for a clear and better understanding.
I hope you are as excited as I am for the next issue 😁 😎
As always, thank you for the time. See you then, and take care!
~ Mbaziira