mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
const { asLength, nameClass } = require('../pluginUtils')
|
|
|
|
module.exports = function ({ matchUtilities, addUtilities }) {
|
|
matchUtilities({
|
|
'space-x': (modifier, { theme }) => {
|
|
let value = asLength(modifier, theme['space'])
|
|
|
|
if (value === undefined) {
|
|
return []
|
|
}
|
|
|
|
return {
|
|
[`${nameClass('space-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
|
'--tw-space-x-reverse': '0',
|
|
'margin-right': `calc(${value} * var(--tw-space-x-reverse))`,
|
|
'margin-left': `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`,
|
|
},
|
|
}
|
|
},
|
|
'space-y': (modifier, { theme }) => {
|
|
let value = asLength(modifier, theme['space'])
|
|
|
|
if (value === undefined) {
|
|
return []
|
|
}
|
|
|
|
return {
|
|
[`${nameClass('space-y', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
|
|
'--tw-space-y-reverse': '0',
|
|
'margin-top': `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`,
|
|
'margin-bottom': `calc(${value} * var(--tw-space-y-reverse))`,
|
|
},
|
|
}
|
|
},
|
|
})
|
|
|
|
addUtilities({
|
|
'.space-y-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
'--tw-space-y-reverse': '1',
|
|
},
|
|
'.space-x-reverse > :not([hidden]) ~ :not([hidden])': {
|
|
'--tw-space-x-reverse': '1',
|
|
},
|
|
})
|
|
}
|