バージョン2.0がリリースされました.


v 1をリリースした18ヵ月後.0、TarwindチームはTailwind 2.0を持ち出します

キー更新と新機能:


新しいカラーパレット


今すぐ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