Upgrading tailwindcss 0.2 to 0.3

Breaking0.2.2 → 0.3.0Breaking4New13Changed5

BreakingUpgrade verdict

4 breaking changes.

In plain terms

Unordered and ordered lists no longer get browser default margins, so add margin classes if you relied on them.
The all-sides pin class no longer stretches elements to full size, so add w-full and h-full where needed.
SVGs are no longer automatically filled with the text color; use the fill-current class when you want that.
Two old undocumented CSS directives no longer work and must be replaced with the new `@variants` directive.

Must act Top 3 of 4 that need code or config changes

What you must change

Breaking4

Lists now have no margins by default in Preflight base styles.

ulol

0.3.0GitHub ReleaseSummarizedView source

The .pin utility no longer sets width and height to 100%.

.pin.pin{-side?}w-fullh-full

0.3.0GitHub ReleaseSummarizedView source

SVG fill no longer defaults to currentColor in Preflight styles.

svgfill-current

0.3.0GitHub ReleaseSummarizedView source

Removes the undocumented @hoverable and @focusable directives in favor of the new @variants directive.

@hoverable@focusable@variants

0.3.0GitHub ReleaseSummarizedView source