https://github.com/bakerkretzmar/tailwindcss-empty

Tailwind plugin to generate variants for empty elements.
https://github.com/bakerkretzmar/tailwindcss-empty

css tailwind tailwindcss tailwindcss-plugin

Last synced: 2 months ago
JSON representation

Tailwind plugin to generate variants for empty elements.

• Host: GitHub
• URL: https://github.com/bakerkretzmar/tailwindcss-empty
• Owner: bakerkretzmar
• License: mit
• Created: 2019-02-08T03:51:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-01-12T16:11:57.000Z (almost 4 years ago)
• Last Synced: 2024-10-09T11:23:32.868Z (3 months ago)
• Topics: css, tailwind, tailwindcss, tailwindcss-plugin
• Language: JavaScript
• Homepage:
• Size: 1.95 KB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
tailwindcss-empty

=================

[![tailwindcss-empty](https://img.shields.io/npm/v/tailwindcss-empty.svg?style=flat)](https://www.npmjs.com/package/tailwindcss-empty)

Dead simple Tailwind plugin that adds a variant for the [`:empty`](https://developer.mozilla.org/en-US/docs/Web/CSS/:empty) CSS pseudo-class.

Installation

------------

```bash

npm i tailwindcss-empty

```

Usage

-----

In your `tailwind.js`:

```js

  modules: {

    // The plugin only generates classes when you explicitly

    // register the 'empty' state variant for a module

    display: ['responsive', 'empty'],

    // ...

  },

  plugins: [

    require('tailwindcss-empty')(),

    // ...

  ]

```

In your HTML:

```html

Whoops!



```