tailwindlabs/tailwindcss v3.4.0

https://github.com/tailwindlabs/tailwindcss/releases/tag/v3.4.0

Tailwind CSS v3.4がリリースされました。新機能やハイライトについては、[発表記事](https://tailwindcss.com/blog/tailwindcss-v3-4)をご覧ください。

### 追加された機能

- デフォルトの`height`/`min-height`/`max-height`テーマに`svh`、`lvh`、`dvh`の値を追加 ([#11317](https://github.com/tailwindlabs/tailwindcss/pull/11317))

- `:has(...)`疑似クラスに対する`has-*`バリアントを追加 ([#11318](https://github.com/tailwindlabs/tailwindcss/pull/11318))

- `text-wrap`ユーティリティに`text-balance`と`text-pretty`を含む ([#11320](https://github.com/tailwindlabs/tailwindcss/pull/11320), [#12031](https://github.com/tailwindlabs/tailwindcss/pull/12031))

- デフォルトの`opacity`スケールを5刻みの全ステップに拡張 ([#11832](https://github.com/tailwindlabs/tailwindcss/pull/11832))

- Preflightの`html`スタイルを更新し、shadow DOMの`:host`疑似クラスを含むように ([#11200](https://github.com/tailwindlabs/tailwindcss/pull/11200))

- `grid-rows-*`ユーティリティのデフォルト値を1–6から1–12に増加 ([#12180](https://github.com/tailwindlabs/tailwindcss/pull/12180))

- `size-*`ユーティリティを追加 ([#12287](https://github.com/tailwindlabs/tailwindcss/pull/12287))

- CSSサブグリッド用のユーティリティを追加 ([#12298](https://github.com/tailwindlabs/tailwindcss/pull/12298))

- `min-w-*`、`min-h-*`、`max-w-*`ユーティリティにスペーシングスケールを追加 ([#12300](https://github.com/tailwindlabs/tailwindcss/pull/12300))

- `forced-color-adjust`ユーティリティを追加 ([#11931](https://github.com/tailwindlabs/tailwindcss/pull/11931))

- `forced-colors`バリアントを追加 ([#11694](https://github.com/tailwindlabs/tailwindcss/pull/11694), [#12582](https://github.com/tailwindlabs/tailwindcss/pull/12582))

- `appearance-auto`ユーティリティを追加 ([#12404](https://github.com/tailwindlabs/tailwindcss/pull/12404))

- `float`と`clear`ユーティリティに論理プロパティ値を追加 ([#12480](https://github.com/tailwindlabs/tailwindcss/pull/12480))

- 直接の子要素を対象とする`*`バリアントを追加 ([#12551](https://github.com/tailwindlabs/tailwindcss/pull/12551))

### 変更された機能

- `sans`フォントファミリースタックを簡素化 ([#11748](https://github.com/tailwindlabs/tailwindcss/pull/11748))

- iOSでのタップハイライトオーバーレイを無効化 ([#12299](https://github.com/tailwindlabs/tailwindcss/pull/12299))

- `rtl`、`ltr`、`forced-colors`、`dark`バリアントの相対的な優先順位を改善 ([#12584](https://github.com/tailwindlabs/tailwindcss/pull/12584))

#laravel

Reply to this note

Please Login to reply.

Discussion

No replies yet.