tailwindcss/jit/corePlugins/fill.js

20 lines
682 B
JavaScript

const flattenColorPalette = require('tailwindcss/lib/util/flattenColorPalette').default
const withAlphaVariable = require('tailwindcss/lib/util/withAlphaVariable').default
const toColorValue = require('tailwindcss/lib/util/toColorValue').default
const { asColor, nameClass } = require('../pluginUtils')
module.exports = function ({ matchUtilities, jit: { theme } }) {
let colorPalette = flattenColorPalette(theme.fill)
matchUtilities({
fill: (modifier, { theme }) => {
let value = asColor(modifier, colorPalette)
if (value === undefined) {
return []
}
return { [nameClass('fill', modifier)]: { fill: toColorValue(value) } }
},
})
}