Background gradient

tailwind-plugin.background-gradient.js

const _ = require('lodash')

module.exports = function ({addUtilities, e, theme, variants}) {
  const gradients = theme('gradients', {})
  const gradientsVariants = variants('gradients', [])

  const utilities = _.map(gradients, ([start, end, direction], name) => ({
    [`.bg-gradient-${e(name)}`]: {
      backgroundImage: `linear-gradient(${direction}, ${start}, ${end})`
    }
  }))

  addUtilities(utilities, gradientsVariants)
}