tailwindcss-empty-pseudo-class

TailwindCSS plugin that adds support for :empty pseudo class

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
tailwindcss-empty-pseudo-class
301.0.04 years ago4 years agoMinified + gzip package size for tailwindcss-empty-pseudo-class in KB

Readme

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>