Tailwind Empty Pseudo-Selector Variant

tailwind.config.js

const plugin = require("tailwindcss/plugin");

// tested for tailwindcss 2.1.2

module.exports = {
  // other config
  variants: {
    extend: {
      // other variant extensions
      display: ["empty"],
    },
  },
  plugins: [
    // other plugins
    plugin(function ({ addVariant, e }) {
      addVariant("empty", ({ modifySelectors, separator }) => {
        modifySelectors(({ className }) => {
          return `.${e(`empty${separator}${className}`)}:empty`;
        });
      });
    }),
  ],
};

Example:
To hide (display: none) an element if it's empty, use this class: empty:hidden.