mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
60a06788fe
* Implement `filter` helper classes with all methods * Rename filter plugins/utilities, drop filter opacity, add drop shadow * Remove non-final default filter values * Working on default filter values, add basic JIT support * Working on blur values * New blur values (these are ~okay) * Match drop-shadow values to box-shadows by eye as best as possible * Update tests * Fix kitchen sink test * Add filter variants configuration * Move drop-shadow to end of filters list Co-Authored-By: Peter Neupauer <peter@neupauer.sk> * Add invert variants configuration * Add backdrop-filter utilities * Update tests * Transition filters by default * Alphabetize new config keys * Optimize filter plugins for JIT + add arbitrary value support Except for drop-shadow, will add that once we can think it through a bit. Co-authored-by: Nick Schmidt <nick@kreativgebiet.com> Co-authored-by: Peter Neupauer <peter@neupauer.sk>
33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
export default function () {
|
|
return function ({ addUtilities, variants }) {
|
|
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')
|
|
)
|
|
}
|
|
}
|