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」シリーズがとても分かりやすかった。
Chakra UIで打ち消し線を使う
Strikethrough
Tailwind CSSでダークモード対応をする
classを指定してユーザがダークモードを切り替えられるようにした
Next.js 10 + Tailwind CSS 2.0 でAMP対応(hybrid)を行う
next/ampのhybridモードを使い通常ページとAMPページを生成し、PostCSSでCSSの容量削減を行いinline cssとして埋め込み
tailblocks
tailwind cssのテンプレート集