tailwindcss2.0 upgrade

公開日時

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

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

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

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

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


Related #css

Youtube動画で学ぶTailwind CSS

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

tailblocks

tailwind cssのテンプレート集

Next.js 10 + Tailwind CSS 2.0 でAMP対応(hybrid)を行う

next/ampのhybridモードを使い通常ページとAMPページを生成し、PostCSSでCSSの容量削減を行いinline cssとして埋め込み

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

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

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

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