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
Laravel News Partners

Laravel Jobs

Senior Full-Stack Developer
Atlanta, GA - (remote) USA ONLY
Curricula
PHP Laravel Developer
London
Investoo
Senior Backend Developer
Australia
Tixel
CTO
Copenhagen
Tjommi
Looking for Senior Full-stack Laravel/React.js Javascript API Developer - Immediate (Full-time)
Remote
ApproveMe // Document Signing

Newsletter

Join 31,000+ others and never miss out on new tips, tutorials, and more.