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 →
Agent Run Observability in Laravel AI SDK 0.11 image

Agent Run Observability in Laravel AI SDK 0.11

Read article
Debounced Queued Event Listeners in Laravel image

Debounced Queued Event Listeners in Laravel

Read article
Statamic Mailables Viewer Previews Laravel Emails in the Control Panel image

Statamic Mailables Viewer Previews Laravel Emails in the Control Panel

Read article
Laravel Tackle: Run an AI Coding Agent in Your Laravel App image

Laravel Tackle: Run an AI Coding Agent in Your Laravel App

Read article
Queue::forward(): Reroute Laravel Queues in One Place image

Queue::forward(): Reroute Laravel Queues in One Place

Read article
Laravel Read-Through Filesystem: Lazy Storage Migration image

Laravel Read-Through Filesystem: Lazy Storage Migration

Read article