tailwindcss2.0 upgrade

公開日時

数日前にTailwind CSSのバージョン2が登場したので、Next.jsアプリで使っていたTailwind CSSをアップグレードした。

Upgrade Guide - Tailwind CSSを参考に、一部のクラス名をリネーム。

Markdownの表示にtailwindcss-typographyを使っていたので、こちらもv0.3.0にアップデート。

これでアップグレード完了。

ドキュメントも更新されているので少しずつ読み進めていこう。


Related #css

Tailwind CSSでダークモード対応をする

classを指定してユーザがダークモードを切り替えられるようにした

Next.js9 + Tailwindcss2.0環境で Error: true is not a PostCSS plugin エラーが発生

Next.jsを最新バージョンにアップデートした

Refactoring UI: The Book

個人開発で何か作る際にBootstrap感のあるUIになりがち問題を解消したい

@tailwindcss/typographyにもダークモードを適用する

tailwind.config.jsにtypography設定を追加

「Tailwind CSS Tips, Tricks & Best Practices」を観て学ぶ

動画を観ながら実際に手を動かして13個の練習問題を解いた