6628eb00ca
* implement matchUtilities2 * ensure animation names without keyframes are not prefixed * remove matchBase * call addUtilities for each group individually * WIP: Write plugins using matchUtilities2 * MORE * Fix arbitrary value support for fontSize * Fixes, update fixtures * Rebuild fixtures * Don't generate `divide` class with no modifier * Fixes, rebuild fixtures * Rename matchUtilities2 to matchUtilities * Delete bad tests * Remove temp files GROSS * Clean stuff up * Support no return in matchUtilities Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
33 lines
935 B
JavaScript
33 lines
935 B
JavaScript
import flattenColorPalette from '../util/flattenColorPalette'
|
|
import withAlphaVariable from '../util/withAlphaVariable'
|
|
|
|
export default function () {
|
|
return function ({ matchUtilities, theme, variants, corePlugins }) {
|
|
matchUtilities(
|
|
{
|
|
divide: (value) => {
|
|
if (!corePlugins('divideOpacity')) {
|
|
return {
|
|
['& > :not([hidden]) ~ :not([hidden])']: {
|
|
'border-color': value,
|
|
},
|
|
}
|
|
}
|
|
|
|
return {
|
|
['& > :not([hidden]) ~ :not([hidden])']: withAlphaVariable({
|
|
color: value,
|
|
property: 'border-color',
|
|
variable: '--tw-divide-opacity',
|
|
}),
|
|
}
|
|
},
|
|
},
|
|
{
|
|
values: (({ DEFAULT: _, ...colors }) => colors)(flattenColorPalette(theme('divideColor'))),
|
|
variants: variants('divideColor'),
|
|
type: 'color',
|
|
}
|
|
)
|
|
}
|
|
}
|