tailwindcss2.0 upgrade

公開日時

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

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

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

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

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


Related #css

Chakra UIで打ち消し線を使う

Strikethrough

Chakra UIでホバー時のボタンの背景色を変える

_hoverで設定できる

Youtube動画で学ぶTailwind CSS

「Designing with Tailwind CSS」シリーズがとても分かりやすかった。

tailblocks

tailwind cssのテンプレート集

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

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

Learn CSS