Tailwind CSS v2.2.0がリリースされました。祝!
🥳 Just released Tailwind CSS v2.2! Maybe our biggest feature release of all time.
— Adam Wathan (@adamwathan) June 17, 2021
🏎️ All-new high-performance CLI
👻 Before/after variants
👫 Sibling variants
💅 Style highlighted text
🥕 Caret color utilities
🎁 …and tons more!https://t.co/LRxH00oSIJ
さっそくTailwind CSS v2.2.0をインストールしてみた。
npm install -D tailwindcss @ latest
(念の為ですが、、)gitには、↑のコマンドを叩いてTailwind CSS v2.2.0をインストールしてくださいと書かれていますが、tailwindcss と@、 @と latestの間のスペースはDeleteとしてからインストールしてください。
もし、npmのバージョンを久しく挙げていなければ、tailwind css v2.2.0をインストールする前に、npmをあげておきます。2021年6月18日時点では、v7.18.1をインストールすることができました。
npm install -g npm@7.18.1
npmのアップデートが完了しましたら、以下のコマンドでTailwind CSS v2.2.0をインストールします。
>npm install -D tailwindcss@latest
added 32 packages, removed 21 packages, changed 16 packages, and audited 138 packages in 9s
12 packages are looking for funding
run `npm fund` for details
2 moderate severity vulnerabilities
To address all issues, run:
npm audit fix
Run `npm audit` for details.
特に問題なくインストールすることができました。
Tailwind CSS v2.2.0で注目すべき新機能
Tailwind CSS v2.2.0では、”Tailwind CLI”がゼロから書き直されたり、pseudo-element variantsやFirst-letter/line variantsの他、pseudo-class等のサポートが追加されているようですので、テストをも含めて今後触ってみようと思います。
本日は、取り急ぎ、Tailwind CSS v2.2.0リリースのご紹介でした。
今日も一日頑張りましょう!