@netlify/tailwind-config/plugins/mask.js

Netlify's Tailwind CSS configuration

"use strict";
const tailwindPlugin = require('tailwindcss/plugin');
const plugin = ({ addUtilities, theme, e, variants }) => {
    const propertiesConfig = [
        ['maskImage', 'mask-image', 'mask-image'],
        ['maskPosition', 'mask', 'mask-position'],
        ['maskSize', 'mask', 'mask-size'],
    ];
    propertiesConfig.forEach(([themeName, twClassName, cssProperty]) => {
        const themeValues = theme(themeName, {});
        const utilities = Object.entries(themeValues).map(([name, value]) => ({
            [`.${e(`${twClassName}-${name}`)}`]: {
                [cssProperty]: value,
            },
        }));
        addUtilities(utilities, variants(themeName, []));
    });
    const maskRepeatUtilties = {
        '.mask-no-repeat': { 'mask-repeat': 'no-repeat' },
    };
    addUtilities(maskRepeatUtilties, variants('maskRepeat', []));
};
module.exports = tailwindPlugin(plugin);
//# sourceMappingURL=mask.js.map