News

Tailwind 1.0.0 Beta Release

Published
Tailwind 1.0.0 Beta Release image

Tailwind announced the 1.0.0 beta release leading up to the upcoming 1.0.0 stable version. At this point, the Tailwind beta releases are considered a stable base to build on, with nothing significant changing between now and the final stable release.

While many have been using Tailwind on production applications for a while, you should feel confident using Tailwind 1.0.0 beta if pre-1.0.0 Tailwind releases have given you pause in trying it out or adopting it on a production application.

Just completely finished the release notes and upgrade guide for @tailwindcss v1.0.0.beta!

Nothing significant will change before the final release (just need to finish updating the docs) so feel free to start upgrading or using it on new projectshttps://t.co/wfEDT8XjEZ

— Adam Wathan (@adamwathan) March 20, 2019

Here are the new features found in Tailwind 1.0.0 beta:

  • New config file structure: #637, Sample
  • New expanded default color palette: #737
  • New default maxWidth scale: #701
  • Default variant output position can be customized: #657
  • Extended default line-height scale: #673
  • Extended default letter-spacing scale: #671
  • object-position utilities are now customizable under theme.objectPosition: #676
  • cursor utilities are now customizable under theme.cursors: #679
  • flex-grow/shrink utilities are now customizable under theme.flexGrow/flexShrink: #690
  • Added utilities for list-style-type and list-style-position: #761
  • Added break-all utility: #763

If you have existing applications using Tailwind, I would recommend going through the v1.0.0-beta.1 release notes, which includes detailed release notes to help you upgrade to the latest 1.0.0 beta release.

Learn More About Tailwind

If you follow Adam on his Full Stack Radio podcast, check out episode 109: The Road to Tailwind CSS v1.0 where Adam talks about the upcoming release of Tailwind 1.0. It’s clear that Adam has worked hard on shaping the direction of the Tailwind 1.0.0 release and the project is well thought out and battle-tested.

I would also recommend checking out Adam’s YouTube Channel where he builds things with Tailwind and streams about development topics.

Adam’s Laracon Online 2019 talk “Tailwind by Example” is an excellent hands-on coding session building a design out with Tailwind from scratch using a very recent version of Tailwind. You can still purchase a ticket to get access to all the videos from the Laracon 2019 conference.

Next, Laracasts has a series called Modern CSS for Backend Developers, which takes you through modern CSS techniques, including refactoring CSS to utility classes and Tailwind.

To get started with Tailwind, check out the extensive documentation and Installation instructions to learn more.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
PayZephyr: One Payment API for Stripe, Paystack, and PayPal image

PayZephyr: One Payment API for Stripe, Paystack, and PayPal

Read article
Bifrost Turns One With AI Builds and New Workflows image

Bifrost Turns One With AI Builds and New Workflows

Read article
Preview Blade Templates in macOS Finder with Quick Blade image

Preview Blade Templates in macOS Finder with Quick Blade

Read article
Artisan Debugging Commands in Laravel Telescope 5.24.0 image

Artisan Debugging Commands in Laravel Telescope 5.24.0

Read article
Queue totalSize() and JobInterrupted Event in Laravel 13.31 image

Queue totalSize() and JobInterrupted Event in Laravel 13.31

Read article
Find Unexpected Test Inputs with Fuzz for Pest image

Find Unexpected Test Inputs with Fuzz for Pest

Read article