forked from rDrama/rDrama
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = _default;
|
|
|
|
function _default() {
|
|
return function ({
|
|
matchUtilities,
|
|
addUtilities,
|
|
theme,
|
|
variants,
|
|
config
|
|
}) {
|
|
matchUtilities({
|
|
'divide-x': value => {
|
|
value = value === '0' ? '0px' : value;
|
|
return {
|
|
'& > :not([hidden]) ~ :not([hidden])': { ...(config('mode') === 'jit' ? {
|
|
'@defaults border-width': {}
|
|
} : {}),
|
|
'--tw-divide-x-reverse': '0',
|
|
'border-right-width': `calc(${value} * var(--tw-divide-x-reverse))`,
|
|
'border-left-width': `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
|
|
}
|
|
};
|
|
},
|
|
'divide-y': value => {
|
|
value = value === '0' ? '0px' : value;
|
|
return {
|
|
'& > :not([hidden]) ~ :not([hidden])': { ...(config('mode') === 'jit' ? {
|
|
'@defaults border-width': {}
|
|
} : {}),
|
|
'--tw-divide-y-reverse': '0',
|
|
'border-top-width': `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
|
|
'border-bottom-width': `calc(${value} * var(--tw-divide-y-reverse))`
|
|
}
|
|
};
|
|
}
|
|
}, {
|
|
values: theme('divideWidth'),
|
|
variants: variants('divideWidth'),
|
|
type: 'length'
|
|
});
|
|
addUtilities({
|
|
'.divide-y-reverse > :not([hidden]) ~ :not([hidden])': { ...(config('mode') === 'jit' ? {
|
|
'@defaults border-width': {}
|
|
} : {}),
|
|
'--tw-divide-y-reverse': '1'
|
|
},
|
|
'.divide-x-reverse > :not([hidden]) ~ :not([hidden])': { ...(config('mode') === 'jit' ? {
|
|
'@defaults border-width': {}
|
|
} : {}),
|
|
'--tw-divide-x-reverse': '1'
|
|
}
|
|
}, variants('divideWidth'));
|
|
};
|
|
} |