Tailwind 1.2 Brings Support for CSS Grid, Transitions, and Transforms

Tailwind 1.2 Brings Support for CSS Grid, Transitions, and Transforms

Adam Wathan announced the release of Tailwind 1.2 which brings support for CSS grid, transitions, and transforms, with a bunch of other new features:

Here’s a quick example (from the release notes) of what’s possible with Tailwind’s CSS grid support :

<div class="grid grid-cols-2 lg:grid-cols-8 gap-6">
    <div class="col-span-1 lg:col-span-3"></div>
    <div class="col-span-1 lg:col-span-3"></div>
    <div class="col-start-1 col-end-3 lg:col-start-4 lg:col-end-8"></div>
    <div class="col-span-1 col-start-1 lg:col-span-4 lg:col-start-2"></div>
    <div class="col-span-1 col-end-3 lg:col-span-6 lg:col-end-9"></div>
</div>

Here’s an example of the quality you can expect in the updated docs for CSS grid, transform, etc.:

The documentation is already updated and you can check out the 1.2 release notes on GitHub. If you want to check out some of the highlight features, here’s links to the docs:

Filed in: News / Releases