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

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
CPX: The Composer Package Executor for PHP image

CPX: The Composer Package Executor for PHP

Read article
Laravel AI SDK Adds Human-in-the-Loop Tool Approval image

Laravel AI SDK Adds Human-in-the-Loop Tool Approval

Read article
Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals image

Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals

Read article
Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs image

Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs

Read article
Blade Formatting in Laravel Pint image

Blade Formatting in Laravel Pint

Read article
Inertia DevTools Is Now on the Chrome Web Store image

Inertia DevTools Is Now on the Chrome Web Store

Read article