tailwindcss-empty-pseudo-class

TailwindCSS plugin that adds support for :empty pseudo class

Instalation

Using npm:

npm i tailwindcss-empty-pseudo-class

Using yarn:

yarn add tailwindcss-empty-pseudo-class

Configuration

module.exports = {
  // ...
  variants: {
    display: ['responsive', 'empty']
  },
  plugins: [
    require('tailwindcss-empty-pseudo-class')()
  ]
  // ...
}

Usage

<!-- This element will be visible -->
<div class="empty:hidden">Content</div>

<!-- This element will be hidden -->
<div class="empty:hidden"></div>