Animation delay plugin for Tailwind CSS

animation-delay.js

const plugin = require('tailwindcss/plugin')

module.exports = plugin(({ addUtilities, e, theme }) => {
  const pluginConfig = theme('animationDelay', {})

  const utilities = Object.entries(pluginConfig).map(([name, value]) => {
    return {
      [`.${e(`animation-delay-${name}`)}`]: {
        animationDelay: value,
      },
    }
  })

  addUtilities(utilities)
})