Oddbean new post about | logout
 tailwindlabs/tailwindcss v4.0.0-alpha.25
https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.0.0-alpha.25

### 追加

- JS設定ファイルで定義された`aria`、`supports`、`data`バリアントのサポートを追加
- `@tailwindcss/upgrade`ツールを追加
- JS設定ファイルで`screens`のサポートを追加
- 放射状および円錐状グラデーション用の`bg-radial-*`および`bg-conic-*`ユーティリティを追加
- シャドウカラーをリセットするための新しい`shadow-initial`および`inset-shadow-initial`ユーティリティを追加
- `field-sizing-*`ユーティリティを追加
- カラー遷移にグラデーションカラーのプロパティを含める
- _実験的_: `@apply`のためのCSSコードモッドを追加
- _実験的_: `@tailwind`ディレクティブの移行のためのCSSコードモッドを追加
- _実験的_: `@layer utilities`および`@layer components`の移行のためのCSSコードモッドを追加

### 修正

- `theme()`関数内でドット表記を使用する際に`borderRadius.*`を`--radius-*`のエイリアスとしてサポート
- グループからの個々のバリアントが同じグループからのスタックされたバリアントよりも常に早くソートされるようにする
- 任意の値で`anchor-size(…)`を許可
- 無効な`theme()`呼び出しを持つ候補をスキップ
- `--inset-shadow-*`および`--inset-ring-*`テーマ値のための`inset-*`ユーティリティを生成しない
- `transition-*`ユーティリティ出力に`--default-transition-*`変数を含める
- `rtl`および`ltr`バリアントが`[dir=auto]`で動作することを確認

### 変更

- フォントサイズを上書きする際に明示的な`leading-*`、`tracking-*`、および`font-{weight}`値を保持
- コアユーティリティおよびバリアントで負の裸値を禁止
- シャドウサイズを上書きする際に明示的なシャドウカラーを保持
- 遷移プロパティを上書きする際に明示的な遷移時間およびタイミング関数を保持
- 初期ビルドを高速化するために`@import`解決の実装を変更
- 自動`var(…)`挿入を削除
- `@media (hover: hover)`をサポートするデバイスでのみ`:hover`状態を適用
#laravel