mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
50 lines
1.4 KiB
JavaScript
50 lines
1.4 KiB
JavaScript
const { asLength, nameClass } = require('../pluginUtils')
|
|
|
|
module.exports = function ({ addUtilities, matchUtilities }) {
|
|
matchUtilities({
|
|
'divide-x': (modifier, { theme }) => {
|
|
let value = asLength(modifier, theme['divideWidth'])
|
|
|
|
if (value === undefined) {
|
|
return []
|
|
}
|
|
|
|
value = value === '0' ? '0px' : value
|
|
|
|
return {
|
|
[`${nameClass('divide-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
|
'--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': (modifier, { theme }) => {
|
|
let value = asLength(modifier, theme['divideWidth'])
|
|
|
|
if (value === undefined) {
|
|
return []
|
|
}
|
|
|
|
value = value === '0' ? '0px' : value
|
|
|
|
return {
|
|
[`${nameClass('divide-y', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
|
'--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))`,
|
|
},
|
|
}
|
|
},
|
|
})
|
|
|
|
addUtilities({
|
|
'.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
'--tw-divide-y-reverse': '1',
|
|
},
|
|
'.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
'--tw-divide-x-reverse': '1',
|
|
},
|
|
})
|
|
}
|