mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
* WIP * run prettier * drop new lines in custom matcher Drop all newlines, let prettier handle everything for us. * add cache for the selector parser * add `@apply` tests for the universal optimizer * drop comments * initial replacements * WIP * WIP * MAKE IT WORK * Rename to resolveDefaultsAtRules * Update tests + defaults identifiers * Don't add @defaults in AOT mode Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
67 lines
2.3 KiB
JavaScript
67 lines
2.3 KiB
JavaScript
export default function () {
|
|
return function ({ config, addBase, addUtilities, variants }) {
|
|
if (config('mode') === 'jit') {
|
|
addBase({
|
|
'@defaults filter': {
|
|
'--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-filter': [
|
|
'var(--tw-blur)',
|
|
'var(--tw-brightness)',
|
|
'var(--tw-contrast)',
|
|
'var(--tw-grayscale)',
|
|
'var(--tw-hue-rotate)',
|
|
'var(--tw-invert)',
|
|
'var(--tw-saturate)',
|
|
'var(--tw-sepia)',
|
|
'var(--tw-drop-shadow)',
|
|
].join(' '),
|
|
},
|
|
})
|
|
addUtilities(
|
|
{
|
|
'.filter': { '@defaults filter': {}, filter: 'var(--tw-filter)' },
|
|
'.filter-none': { filter: 'none' },
|
|
},
|
|
variants('filter')
|
|
)
|
|
} else {
|
|
addUtilities(
|
|
{
|
|
'.filter': {
|
|
'--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
'--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
filter: [
|
|
'var(--tw-blur)',
|
|
'var(--tw-brightness)',
|
|
'var(--tw-contrast)',
|
|
'var(--tw-grayscale)',
|
|
'var(--tw-hue-rotate)',
|
|
'var(--tw-invert)',
|
|
'var(--tw-saturate)',
|
|
'var(--tw-sepia)',
|
|
'var(--tw-drop-shadow)',
|
|
].join(' '),
|
|
},
|
|
'.filter-none': { filter: 'none' },
|
|
},
|
|
variants('filter')
|
|
)
|
|
}
|
|
}
|
|
}
|