BT

InfoQ Homepage News Tailwind CSS 1.2 Release Adds CSS Grid Support

Tailwind CSS 1.2 Release Adds CSS Grid Support

Bookmarks

Tailwind CSS, a low-level CSS framework, recently released Tailwind CSS version 1.2, adding support for CSS Grid Layout, CSS Transitions, and CSS Transforms.

Tailwind is an alternative CSS framework to solutions like Bootstrap. Tailwind focuses on offering component-friendly, low-level utility classes to build custom designs.

Tailwind leverages the PostCSS CSS transformation tool and gets configured via JavaScript. Tailwind strives to provide an engine for creating design systems.

Tailwind provides a wide variety of capabilities, including an approach to support responsive design styling.

With version 1.2, Tailwind introduces CSS Grid Layouts through a grids-cols-{n} utility to create columns with CSS. This approach can also leverage the Tailwind approach to responsive design.

Also added in version 1.2 is Tailwind support for CSS Transitions. Using the transition-{properties} utility, CSS transitions over colors, opacity, box shadows, and CSS transforms are possible.

The Tailwind 1.2 release also adds support for CSS Transforms, supporting the scaling of elements by x, y, or combined values.

Tailwind CSS is open source software available under the MIT license. Contributions are welcome under the Tailwind CSS contribution guidelines.

The team creating Tailwind CSS is also working on Tailwind UI, a component library authored with HTML and CSS. Unlike Tailwind CSS, Tailwind UI is a commercial product and subject to commercial license terms and conditions.

Rate this Article

Adoption
Style

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Community comments

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

BT

Is your profile up-to-date? Please take a moment to review and update.

Note: If updating/changing your email, a validation request will be sent

Company name:
Company role:
Company size:
Country/Zone:
State/Province/Region:
You will be sent an email to validate the new email address. This pop-up will close itself in a few moments.