【Tailwind CSS】Tailwind VariantsでTailwind CSSを次のレベルへ引き上げよう

はじめに 今回は、Tailwind CSSを次のレベルにするためにTailwind Variantsによるスタイリングをしようという内容です。 Tailwind CSSは書きやすいですし、かなり使い心地がいいですが、ある点についてのみ圧倒的な短所があります。 それが「クラス名長すぎ問題」です。 私はよく以下のようなことを感じたりします。 おそらく、Tailwind CSSを使った人がある方なら一度は思ったことあるのではないでしょうか。 そんなTailwind CSSの短所を解決できると感じたものがTailwind Variantsです。 Tailwind Variantsとは 以下は、ドキュメントから抜粋したTailwind Variantsの定義です。 Tailwind VariantsとはTailwind CSSの機能とファーストクラスのVariant APIを組み合わせたライブラリで