バージョン2.0がリリースされました.
2978 ワード
v 1をリリースした18ヵ月後.0、TarwindチームはTailwind 2.0を持ち出します
今すぐTarwindは220色(それぞれの色を10色で22色)と5
最も望ましい機能が利用可能になりました
使いやすいTailwildでダークモードでは、バックグラウンドの色、テキストの色、境界色で動作し、さらには、ボックスのグラデーション
単純な例:
あなたが1536 pxと上記のものを目標とする箱から新しい2 XLブレークポイント
すべてのユーティリティのフォントサイズは、賢明なデフォルトの行の高さが付属しています.それについての詳細情報はhereです
V 2の間隔のスケールでTrewind拡張されており、今、すべてのユースケースのためのより多くの値を使用することができます
すべてのTailwindクラスで@ Applyを使用することができる良いニュース
誰かが言うことができます悪い事実ですが、正直にしましょう-毎日のIE 11をサポートし、デバッグするWeb開発者の最も人気のある夢は、それを残して、より良い睡眠です.
私はbootstrapの後のdoステップのためのtailwindを祝福する.
そして、あなたがIE 11をサポートする必要があるならば、あなたはいつもTrewind CSS V 1を使うことができるということです.9
キー更新と新機能:
新しいカラーパレット
今すぐTarwindは220色(それぞれの色を10色で22色)と5
ダークモード
最も望ましい機能が利用可能になりました
使いやすいTailwildでダークモードでは、バックグラウンドの色、テキストの色、境界色で動作し、さらには、ボックスのグラデーション
単純な例:
<div class="lg:bg-white lg:dark:bg-black">
<p class="text-gray-500 dark:text-gray-300">
The feature you've all been waiting for.
</p>
</div>
エクストラワイド2 XLブレークポイント
あなたが1536 pxと上記のものを目標とする箱から新しい2 XLブレークポイント
<h1 class="... 2xl:text-9xl">Godzilla</h1>
フォントサイズごとのデフォルトの行の高さ
すべてのユーティリティのフォントサイズは、賢明なデフォルトの行の高さが付属しています.それについての詳細情報はhereです
拡張スペーシング,タイポグラフィ,不透明度尺度
V 2の間隔のスケールでTrewind拡張されており、今、すべてのユースケースのためのより多くの値を使用することができます
<span class="ml-0.5">Just a little nudge.</span>
<div class="p-96">This is too much padding.</div>
何かで@ applyを使ってください
すべてのTailwindクラスで@ Applyを使用することができる良いニュース
.btn {
@apply bg-indigo-500 hover:bg-indigo-600 focus:ring-2 focus:ring-indigo-200 focus:ring-opacity-50;
}
ドロップIE 11サポート
誰かが言うことができます悪い事実ですが、正直にしましょう-毎日のIE 11をサポートし、デバッグするWeb開発者の最も人気のある夢は、それを残して、より良い睡眠です.
私はbootstrapの後のdoステップのためのtailwindを祝福する.
そして、あなたがIE 11をサポートする必要があるならば、あなたはいつもTrewind CSS V 1を使うことができるということです.9
リリースノートとドキュメントでTailwind
Reference
この問題について(バージョン2.0がリリースされました.), 我々は、より多くの情報をここで見つけました https://dev.to/sakhnyuk/tailwind-2-0-is-released-3mifテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol