UNPKG

@netlify/tailwind-config

Version:
25 lines (21 loc) 790 B
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 = require('tailwindcss/plugin')(plugin);