🔥 #news #new_release
Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!
✅ First-party TypeScript types
✅ Built-in support for CSS imports in the CLI
✅ Change color opacity when using the theme function
✅ Easier CSS variable color configuration
✅ Border spacing utilities
✅ Enabled and optional variants
✅ Prefers-contrast variants
✅ Style native dialog backdrops
✅ Arbitrary values but for variants
📺 https://youtu.be/nOQyWbPO2Ds
📝 https://tailwindcss.com/blog/tailwindcss-v3-1
Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!
✅ First-party TypeScript types
✅ Built-in support for CSS imports in the CLI
✅ Change color opacity when using the theme function
✅ Easier CSS variable color configuration
✅ Border spacing utilities
✅ Enabled and optional variants
✅ Prefers-contrast variants
✅ Style native dialog backdrops
✅ Arbitrary values but for variants
📺 https://youtu.be/nOQyWbPO2Ds
📝 https://tailwindcss.com/blog/tailwindcss-v3-1
🔥 #news #new_release
🚀 Tailwind CSS v3.2 has been released!
🧁 Multi-config support with
🍫 ARIA variants
🍪 Data attribute variants
🍬
🍦 Nested groups
🍰 Container queries
🔗 https://tailwindcss.com/blog/tailwindcss-v3-2
Thanks @lh536 for sharing
✨ Join Tailwind CSS Tips
🚀 Tailwind CSS v3.2 has been released!
🧁 Multi-config support with
@config
🍭 Max-width and dynamic breakpoints🍫 ARIA variants
🍪 Data attribute variants
🍬
@supports variants🍦 Nested groups
🍰 Container queries
🔗 https://tailwindcss.com/blog/tailwindcss-v3-2
Thanks @lh536 for sharing
✨ Join Tailwind CSS Tips
🔥 #new_release
Tailwind CSS v3.3 released
🎨 Extended color palette for darker darks:
New darker 950 shades for every color.
🌀 ESM and TypeScript support:
Write your config file using ESM or TypeScript.
👈 Simplified RTL support with logical properties:
Build layouts that adapt to different directions.
🦄 Fine-tune gradient color stop positions:
Specify exactly where you want each color stop to go.
🗜 Line-clamp out of the box: Truncate multi-line text without a plugin.
🅰️ New line-height modifier:
Set your font-size and line-height with one class.
🪄 CSS variables without the var():
New shorthand syntax for arbitrary values.
🍀 Configurable font-variation-settings:
Baked directly into your font-* utilities.
🤣 New list-style-image utilities:
So you can use horrible clip art for bullet points.
➖ New hyphens utilities:
For fine-tuning hyphenation behavior.
🏷 New caption-side utilities:
Title your tables with style.
🔗 https://tailwindcss.com/blog/tailwindcss-v3-3
✨ Tailwind CSS Tips
Tailwind CSS v3.3 released
🎨 Extended color palette for darker darks:
New darker 950 shades for every color.
🌀 ESM and TypeScript support:
Write your config file using ESM or TypeScript.
👈 Simplified RTL support with logical properties:
Build layouts that adapt to different directions.
🦄 Fine-tune gradient color stop positions:
Specify exactly where you want each color stop to go.
🗜 Line-clamp out of the box: Truncate multi-line text without a plugin.
🅰️ New line-height modifier:
Set your font-size and line-height with one class.
🪄 CSS variables without the var():
New shorthand syntax for arbitrary values.
🍀 Configurable font-variation-settings:
Baked directly into your font-* utilities.
🤣 New list-style-image utilities:
So you can use horrible clip art for bullet points.
➖ New hyphens utilities:
For fine-tuning hyphenation behavior.
🏷 New caption-side utilities:
Title your tables with style.
🔗 https://tailwindcss.com/blog/tailwindcss-v3-3
✨ Tailwind CSS Tips
🔥 #news #new_release
🥳 Tailwind CSS v3.4 released!
📱 Dynamic viewport units
👨👨👦 Style children with the * variant
⚖️ Balanced headlines with text-wrap utilities
🎛 Subgrid support
📐 Extended min-width, max-width, and min-height scales
🪟 Extended opacity scale
💠 Extended grid-rows-* scale
📸 New forced-colors variant
🎚 New forced-color-adjust utilities
🔗 https://tailwindcss.com/blog/tailwindcss-v3-4
✨ Tailwind CSS Tips
🥳 Tailwind CSS v3.4 released!
📱 Dynamic viewport units
👨👨👦 Style children with the * variant
⚖️ Balanced headlines with text-wrap utilities
🎛 Subgrid support
📐 Extended min-width, max-width, and min-height scales
🪟 Extended opacity scale
💠 Extended grid-rows-* scale
📸 New forced-colors variant
🎚 New forced-color-adjust utilities
🔗 https://tailwindcss.com/blog/tailwindcss-v3-4
✨ Tailwind CSS Tips