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

acquaintsoft logo
Acquaint Softtech

Hire Laravel developers with AI expertise at $20/hr. Get started in 48 hours.

Visit Acquaint Softtech

The latest

View all →
Volker Dusch on the PHP RCE Vulnerabilities and Disclosure image

Volker Dusch on the PHP RCE Vulnerabilities and Disclosure

Read article
Decide with Jev: Turn AI Answers into Decisions with PHP Rules image

Decide with Jev: Turn AI Answers into Decisions with PHP Rules

Read article
Skuul: Open-Source School Management Built on Laravel image

Skuul: Open-Source School Management Built on Laravel

Read article
Laravel Read Replicas: Prevent Stale Reads After a Write image

Laravel Read Replicas: Prevent Stale Reads After a Write

Read article
Screenshot: Capture Images and PDFs with PHP and Laravel image

Screenshot: Capture Images and PDFs with PHP and Laravel

Read article
Reset Sticky Database Connections Between Laravel Queue Jobs image

Reset Sticky Database Connections Between Laravel Queue Jobs

Read article