Skip to content

Tailwind CSSのバージョンをv3からv4に更新#105

Merged
exflikt merged 1 commit intotut-cc:mainfrom
exflikt:tailwind-v4
Jan 27, 2025
Merged

Tailwind CSSのバージョンをv3からv4に更新#105
exflikt merged 1 commit intotut-cc:mainfrom
exflikt:tailwind-v4

Conversation

@exflikt
Copy link
Collaborator

@exflikt exflikt commented Jan 27, 2025

公式のアップグレードガイドを元に、ユーティリティクラス名を追加・変更しました。

  • bg-opacity-[alpha] で指定していたアルファ値を bg-[color]/[alpha] に変更
  • flex-growgrow に変更
  • roundedrounded-sm に変更
  • divide-y-* を指定している要素に divide-gray-200 も追加
    理由: v3 ではボーダー色が gray-200 で定義されていたが、 v4 から currentColor になりスタイルが変わってしまったため。
    元のスタイルを維持するためにボーダー色を指定していなかった divide-y-*divide-gray-200 を追加した。

@exflikt exflikt merged commit 6dd5abb into tut-cc:main Jan 27, 2025
3 checks passed
@exflikt exflikt deleted the tailwind-v4 branch January 27, 2025 14:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant