@empathyco/x-tailwindcss/dist/cjs/x-tailwind-plugin/components/button/utils/background-on-hover.js

Empathy X Tailwind plugin

'use strict';

/**
 * Util to add background on hover for component `button`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the util.
 */
function backgroundOnHover(helpers) {
    const { theme } = helpers;
    return {
        '&:hover': {
            borderColor: theme('x.colors.neutral.10'),
            backgroundColor: theme('x.colors.neutral.10'),
        },
    };
}

exports.backgroundOnHover = backgroundOnHover;